:root{
    --primary:#0d47ff;
    --secondary:#1d7dff;
    --light:#7bc6ff;
    --glass:rgba(255,255,255,0.08);
    --border:rgba(255,255,255,0.14);
    --text:#ffffff;
    --muted:#c7d8ff;
}

/* ===== BODY ===== */

body{
    background:
    radial-gradient(circle at top center, rgba(120,170,255,0.30), transparent 35%),
    radial-gradient(circle at bottom right, rgba(0,70,255,0.22), transparent 40%),
    radial-gradient(circle at left center, rgba(255,255,255,0.06), transparent 25%),
    linear-gradient(135deg,#00118a 0%, #001fc5 35%, #0024ff 65%, #0019b8 100%);
    
    min-height:100vh;
    overflow-x:hidden;
    font-family:'Poppins',sans-serif;
    position:relative;
}

/* ===== TEXTURE EFFECT ===== */

body::before{
    content:'';
    position:fixed;
    inset:0;

    background-image:
    radial-gradient(rgba(255,255,255,0.08) 0.7px, transparent 0.7px);

    background-size:5px 5px;

    opacity:0.22;
    mix-blend-mode:soft-light;
    pointer-events:none;
}

/* ===== SOFT LIGHT ===== */

body::after{
    content:'';
    position:fixed;
    inset:0;

    background:
    radial-gradient(circle at center,
    rgba(255,255,255,0.14),
    transparent 60%);

    filter:blur(120px);
    pointer-events:none;
}

/* ===== FLOATING LIGHT ===== */

.floating-light{
    position:fixed;
    width:700px;
    height:700px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    
    background:rgba(255, 81, 0, 0.06);

    border-radius:50%;
    filter:blur(140px);

    animation:floatingGlow 8s ease-in-out infinite alternate;
    z-index:-1;
}

@keyframes floatingGlow{
    from{
        transform:translate(-50%,-50%) scale(1);
    }
    to{
        transform:translate(-50%,-50%) scale(1.15);
    }
}

/* ===== MAIN TITLE ===== */

.main-heading{
    font-size:68px;
    font-weight:800;
    letter-spacing:2px;

    background:linear-gradient(
        to right,
        #ffffff,
        #cfe2ff,
        #7bc6ff
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 25px rgba(255,255,255,0.15);
}

/* ===== SUBTEXT ===== */

.sub-heading{
    color:var(--muted);
    max-width:760px;
    margin:auto;
    line-height:1.9;
    font-size:17px;
}

/* ===== SERVICE CARDS ===== */

.sector-card{
    background:var(--glass);

    border:1px solid var(--border);

    backdrop-filter:blur(16px);

    border-radius:28px;

    transition:0.45s ease;

    overflow:hidden;

    position:relative;
}

/* top glow */
.sector-card::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        rgba(255,255,255,0.9),
        transparent
    );

    opacity:0.6;
}

/* hover animation */
.sector-card:hover{
    transform:translateY(-12px);

    border-color:rgba(255,255,255,0.28);

    box-shadow:
    0 20px 60px rgba(0,0,0,0.35),
    0 0 35px rgba(123,198,255,0.25);
}

/* ===== ICON ===== */

.sector-icon{
    width:95px;
    height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:24px;
    margin:auto;
    font-size:42px;
    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,0.20),
        rgba(255,255,255,0.06)
    );
    border:1px solid rgba(255,255,255,0.18);
    color:#ffffff;
    box-shadow:
    inset 0 1px 8px rgba(255,255,255,0.15),
    0 10px 30px rgba(0,0,0,0.18);
}

/* ===== TITLES ===== */

.sector-title{
    color:var(--text);
    font-weight:700;
    letter-spacing:1px;
    font-size:28px;
}

/* ===== TEXT ===== */

.sector-text{
    color:#dbe7ff;

    font-size:15px;

    line-height:1.9;
}

/* ===== BUTTON ===== */

.Register-btn{
    background:
    linear-gradient(
        135deg,
        #ffffff,
        #d6e6ff
    );
    color:#003cff;
    border:none;
    padding:13px 34px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    display:inline-block;
    transition:0.35s ease;
    box-shadow:
    0 10px 25px rgba(255,255,255,0.12);
}

.Register-btn:hover{
    transform:translateY(-3px) scale(1.05);
    color:#001db8;
    box-shadow:
    0 0 35px rgba(255,255,255,0.28);
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px){
    .main-heading{
        font-size:42px;
    }
    .sub-heading{
        font-size:15px;
    }
    .sector-card{
        margin-bottom:10px;
    }
}