/* =====================================================
   P-SERIES EDUCATION
   PREMIUM GLOBAL STYLE SHEET
===================================================== */


/* GOOGLE FONT */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');



/* ROOT VARIABLES */

:root{

    --primary:#6C4DF6;

    --secondary:#16C6FF;

    --dark:#07111F;

    --dark-light:#111C36;

    --card:rgba(255,255,255,0.08);

    --border:rgba(255,255,255,0.12);

    --text:#ffffff;

    --muted:#aab6d3;

    --shadow:
    0 20px 50px rgba(0,0,0,.35);

}





/* RESET */

*{

margin:0;

padding:0;

box-sizing:border-box;

}


html{

scroll-behavior:smooth;

}


body{

font-family:'Poppins',sans-serif;

background:

radial-gradient(

circle at top right,

#172b62,

#07111F 45%

);

color:white;

overflow-x:hidden;

}





a{

text-decoration:none;

color:inherit;

}



img{

max-width:100%;

}





/* CONTAINER */


.container{

max-width:1200px;

}





/* SECTION */


.section-padding{

padding:90px 0;

}





/* GRADIENT TEXT */


.gradient-text{


background:

linear-gradient(

90deg,

var(--secondary),

var(--primary)

);


-webkit-background-clip:text;

-webkit-text-fill-color:transparent;


}





/* GLASS CARD */


.glass-card{


background:

var(--card);


border:

1px solid var(--border);


backdrop-filter:

blur(20px);


border-radius:25px;


box-shadow:

var(--shadow);


}





/* BUTTONS */


.btn-primary-custom{


background:

linear-gradient(

135deg,

var(--primary),

var(--secondary)

);


border:none;


padding:14px 35px;


border-radius:50px;


color:white;


font-weight:600;


transition:.4s;


}



.btn-primary-custom:hover{


transform:

translateY(-5px);


box-shadow:

0 15px 40px rgba(108,77,246,.5);


}





.btn-outline-custom{


border:

1px solid var(--secondary);


padding:14px 35px;


border-radius:50px;


color:white;


transition:.3s;


}



.btn-outline-custom:hover{


background:var(--secondary);


color:#07111F;


}





/* HEADINGS */


.section-title{


font-size:42px;


font-weight:800;


text-align:center;


}



.section-subtitle{


color:var(--muted);


text-align:center;


margin-top:10px;


}





/* HERO COMMON */


.hero-section{


min-height:100vh;


display:flex;


align-items:center;


position:relative;


overflow:hidden;


}





.hero-section::before{


content:"";


position:absolute;


width:500px;


height:500px;


background:

var(--primary);


filter:

blur(160px);


opacity:.25;


top:100px;


right:50px;


}





/* AI ORB */


.ai-orb{


animation:

floating 5s infinite ease-in-out;


}



@keyframes floating{


0%,100%{

transform:translateY(0);

}


50%{

transform:translateY(-25px);

}


}





/* FLOATING CARDS */


.floating-card{


animation:

floating 4s infinite;


background:

rgba(255,255,255,.08);


backdrop-filter:

blur(15px);


border:

1px solid rgba(255,255,255,.15);


border-radius:20px;


}





/* CATEGORY CARD */


.category-card{


background:

var(--card);


border:

1px solid var(--border);


border-radius:25px;


padding:35px;


transition:.4s;


}



.category-card:hover{


transform:

translateY(-12px);


background:

rgba(255,255,255,.14);


}





.category-card i{


font-size:45px;


color:var(--secondary);


}





/* FEATURE BOX */


.feature-box{


background:

var(--card);


border:

1px solid var(--border);


border-radius:25px;


padding:30px;


transition:.4s;


}



.feature-box:hover{


transform:

translateY(-10px);


box-shadow:

0 20px 40px rgba(0,0,0,.3);


}





/* SEARCH BAR */


.search-ai{


background:

rgba(255,255,255,.08);


border:

1px solid rgba(255,255,255,.15);


backdrop-filter:

blur(15px);


}





.search-ai input{


color:white;


}





.search-ai input::placeholder{


color:#b5bfd8;


}





/* COURSE CARD */


.course-card{


background:

var(--card);


border:

1px solid var(--border);


border-radius:25px;


overflow:hidden;


transition:.4s;


}



.course-card:hover{


transform:

translateY(-10px);


}





.course-card-body{


padding:25px;


}





/* BADGE */


.badge-premium{


background:

linear-gradient(

90deg,

var(--primary),

var(--secondary)

);


padding:8px 18px;


border-radius:50px;


font-size:13px;


}





/* STATS */


.stat-box{


text-align:center;


padding:25px;


}



.stat-box h2{


color:

var(--secondary);


font-weight:800;


}





/* SCROLLBAR */


::-webkit-scrollbar{


width:10px;


}



::-webkit-scrollbar-track{


background:#07111F;


}



::-webkit-scrollbar-thumb{


background:

linear-gradient(

var(--primary),

var(--secondary)

);


border-radius:20px;


}





/* SELECTION */


::selection{


background:var(--primary);


color:white;


}





/* MOBILE FIX */


@media(max-width:768px){


.section-title{

font-size:32px;

}


.hero-section{

padding-top:120px;

}



}