*{
            font-family:'Poppins', sans-serif;
        }

        body{
            background:#0f172a;
            overflow-x:hidden;
        }

        .hero-gradient{
            background:
            radial-gradient(circle at top left,#2563eb 0%,transparent 35%),
            radial-gradient(circle at bottom right,#7c3aed 0%,transparent 35%),
            #0f172a;
        }

        .glass{
            background:rgba(255,255,255,0.06);
            border:1px solid rgba(255,255,255,0.08);
            backdrop-filter:blur(18px);
        }

        .card-template{
            transition:0.4s;
        }

        .card-template:hover{
            transform:translateY(-10px);
        }

        .btn-main{
            background:linear-gradient(135deg,#2563eb,#1d4ed8);
        }

        .btn-main:hover{
            transform:translateY(-3px);
            box-shadow:0 15px 30px rgba(37,99,235,0.35);
        }

        .floating{
            animation:float 5s ease-in-out infinite;
        }

        @keyframes float{

            0%{
                transform:translateY(0px);
            }

            50%{
                transform:translateY(-15px);
            }

            100%{
                transform:translateY(0px);
            }

        }