.containers{

max-width:1100px;
margin:auto;

background:rgba(255,255,255,.05);

backdrop-filter:blur(15px);

padding:35px;

border-radius:20px;

box-shadow:0 0 40px rgba(0,0,0,.4);

animation:fadeUp 1s ease;

}

@keyframes fadeUp{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:none;

}

}

.titles{

font-size:32px;

font-weight:bold;

margin-bottom:20px;

color:#ffffff;

animation:glow 2s infinite alternate;

}

@keyframes glow{

from{
text-shadow:0 0 10px #4f46e5;
}

to{

text-shadow:
0 0 20px #4f46e5,
0 0 40px #4f46e5;

}

}

.descs{

font-size:20px;

line-height:1.7;

margin-bottom:30px;

color:#ddd;

}

.priceboxs{

background:linear-gradient(90deg,#010009,#000);

padding:18px;

border-radius:12px;

font-size:26px;

font-weight:bold;

margin-bottom:30px;

box-shadow: 0 10px 30px rgba(13, 5, 27, 0.4);
color: #fff;



}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.02);

}

100%{

transform:scale(1);

}

}

.grids{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:20px;

margin-top:20px;

}

.cards{

background:rgba(255,255,255,.07);

padding:22px;

border-radius:12px;

transition:.4s;

border:1px solid rgba(255,255,255,.08);

}

.cards:hover{

transform:translateY(-10px);

background:#312e81;

box-shadow:0 20px 40px rgba(79,70,229,.4);

}

.subjects{

font-size:26px;
color: #fff;

font-weight:bold;

margin-bottom:8px;

}

.promptss{

font-size:20px;

color:#cbd5e1;

}

.bonuss{

margin-top:35px;

font-size:24px;

font-weight:bold;

color:#22c55e;

text-align:center;

animation:glowgreen 2s infinite alternate;

}

@keyframes glowgreen{

from{

text-shadow:none;

}

to{

text-shadow:
0 0 15px #22c55e;

}

}






.containert{

max-width:1200px;

margin:auto;

background:rgba(255,255,255,.75);

backdrop-filter:blur(15px);

padding:35px;

border-radius:20px;

box-shadow:
0 10px 40px rgba(0,0,0,.08);

animation:fadeup 1s ease;

}

@keyframes fadeup{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:none;

}

}

.titlet{

font-size:42px;

font-weight:bold;

color:#1f2a72;

margin-bottom:20px;

position:relative;

display:inline-block;

}

.titlet:after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:100%;

height:4px;

background:

linear-gradient(
90deg,
#4f46e5,
#06b6d4
);

animation:line 3s infinite;

}

@keyframes line{

0%{width:0%;}
100%{width:100%;}

}

.subtitlet{

font-size:22px;

color:#444;

margin-bottom:30px;

line-height:1.6;

}

table{

width:100%;

border-collapse:collapse;

overflow:hidden;

border-radius:15px;

}

thead{

background:

linear-gradient(
90deg,
#1e1b72,
#2d2f9d
);

color:white;

}

th{

padding:18px;

font-size:20px;

}

td{

padding:18px;

font-size:19px;

text-align:center;

background:white;

border-bottom:1px solid #eee;

transition:.4s;

}

tr{

animation:slide .8s ease forwards;

opacity:0;

}

tr:nth-child(1){animation-delay:.1s;}
tr:nth-child(2){animation-delay:.2s;}
tr:nth-child(3){animation-delay:.3s;}
tr:nth-child(4){animation-delay:.4s;}

@keyframes slide{

from{

opacity:0;

transform:translateX(-40px);

}

to{

opacity:1;

transform:none;

}

}

tbody tr:hover td{

background:#eef4ff;

transform:scale(1.01);

}

.greent{

font-weight:bold;

color:#059669;

font-size:24px;

}

.highlightt{

margin-top:35px;

padding:35px;

border-radius:18px;

background:

linear-gradient(
135deg,
#22c55e,
#15803d
);

color:white;

text-align:center;

box-shadow:

0 20px 40px rgba(34,197,94,.25);

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.02);

}

100%{

transform:scale(1);

}

}

.bigt{

font-size:38px;

font-weight:bold;

margin:12px 0;

}

.smallt{

font-size:22px;

opacity:.95;

}






.new{

padding:40px;

background:

linear-gradient(
135deg,
#fff9e6,
#e8f8ff,
#fff0f5
);

overflow-x:hidden;

}


/* floating background circles */

.new:before{

content:"";

position:fixed;

width:350px;
height:350px;

background:#ffd54f;

border-radius:50%;

top:-120px;
left:-120px;

opacity:.25;

animation:float1 9s infinite alternate;

}

.new:after{

content:"";

position:fixed;

width:280px;
height:280px;

background:#81d4fa;

border-radius:50%;

bottom:-100px;
right:-100px;

opacity:.25;

animation:float2 10s infinite alternate;

}

@keyframes float1{

from{

transform:translateY(0px);

}

to{

transform:
translateY(60px)
translateX(50px);

}

}

@keyframes float2{

from{

transform:none;

}

to{

transform:
translateY(-50px)
translateX(-50px);

}

}


.containerh{

max-width:1150px;

margin:auto;

background:

rgba(255,255,255,.88);

padding:40px;

border-radius:30px;

box-shadow:

0 15px 40px rgba(0,0,0,.08);

backdrop-filter:blur(12px);

animation:fade 1s ease;

}

@keyframes fade{

from{

opacity:0;

transform:
translateY(40px);

}

to{

opacity:1;

transform:none;

}

}

.titleh{

font-size:44px;

font-weight:bold;

color:#1e3a8a;

margin-bottom:25px;

position:relative;

display:inline-block;

}

.titleh:after{

content:"";

position:absolute;

bottom:-10px;

left:0;

width:100%;

height:6px;

border-radius:20px;

background:

linear-gradient(
90deg,
#ff9800,
#ff4081,
#42a5f5
);

animation:line 3s infinite;

}

@keyframes line{

0%{width:0%;}

100%{width:100%;}

}


.sectionh{

margin-top:35px;

padding:28px;

border-radius:20px;

background:white;

box-shadow:

0 8px 25px rgba(0,0,0,.06);

transition:.4s;

}

.sectionh:hover{

transform:

translateY(-6px);

}

.headingh{

font-size:28px;

font-weight:bold;

margin-bottom:18px;

}

.redh{

color:#ff5722;

}

.orangeh{

color:#f59e0b;

}

.greenh{

color:#16a34a;

}


.new ul{

padding-left:28px;

}

.new li{

font-size:23px;

line-height:1.8;

margin-bottom:14px;

animation:slide .8s ease forwards;

opacity:0;

}

.new li:nth-child(1){animation-delay:.1s}
.new li:nth-child(2){animation-delay:.2s}
.new li:nth-child(3){animation-delay:.3s}
.new li:nth-child(4){animation-delay:.4s}
.new li:nth-child(5){animation-delay:.5s}

@keyframes slide{

from{

opacity:0;

transform:

translateX(-30px);

}

to{

opacity:1;

transform:none;

}

}

strong{

color:#1f2937;

}