*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}

body{
background:#081120;
color:#fff;
}

.page{
padding:30px 20px 60px;
max-width:900px;
margin:auto;
}

/* HERO */

.growth-hero{

background:linear-gradient(135deg,#16a34a,#0f766e);

padding:45px 25px;

border-radius:22px;

text-align:center;

margin-bottom:30px;

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

}

.growth-hero-icon

font-size:55px;

margin-bottom:15px;

}

.growth-hero h1

font-size:38px;

font-weight:800;

margin-bottom:15px;

}

.growth-hero p

font-size:17px;

color:#e5ffe9;

max-width:600px;

margin:auto;

line-height:1.7;

}

/* CARD */

.order-card{

background:#10233c;

padding:30px;

border-radius:20px;

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

box-shadow:0 10px 30px rgba(0,0,0,.2);

}

.order-card h2{

font-size:28px;

margin-bottom:8px;

}

.subtitle{

color:#c8d8ef;

margin-bottom:30px;

}

/* FORM */

label{

display:block;

margin-top:22px;

margin-bottom:10px;

font-weight:700;

}

input,
select{

width:100%;

padding:16px;

border-radius:12px;

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

background:#081120;

color:#fff;

font-size:16px;

outline:none;

}

input:focus,
select:focus{

border-color:#22c55e;

}

small{

display:block;

margin-top:8px;

color:#a7bfd8;

}

/* Example Box */

.example-box{

margin-top:15px;

padding:15px;

background:#0d3f24;

border-left:5px solid #22c55e;

border-radius:12px;

}

.example-box strong{

display:block;

margin-bottom:8px;

}

.example-box p{

word-break:break-all;

color:#d7ffe1;

}

/* SUMMARY */

.summary{

margin-top:35px;

background:#081120;

padding:20px;

border-radius:16px;

}

.summary h3{

margin-bottom:20px;

}

.summary-row{

display:flex;

justify-content:space-between;

margin:14px 0;

}

.summary hr{

border:none;

height:1px;

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

margin:18px 0;

}

.total{

font-size:20px;

font-weight:700;

color:#22c55e;

}

/* BUTTON */

#orderBtn{

width:100%;

margin-top:30px;

padding:18px;

border:none;

border-radius:14px;

background:#22c55e;

color:#fff;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

#orderBtn:hover{

transform:translateY(-2px);

background:#16a34a;

}

/* NOTES */

.notes{

margin-top:35px;

background:#10233c;

padding:25px;

border-radius:20px;

}

.notes h3{

margin-bottom:15px;

}

.notes ul{

padding-left:20px;

}

.notes li{

margin:12px 0;

color:#d9e8ff;

}

/* MOBILE */

@media(max-width:768px){

.page{

padding:20px 15px 40px;

}

.growth-hero h1

font-size:30px;

}

.growth-hero p

font-size:15px;

}

.order-card{

padding:22px;

}

.summary-row{

font-size:15px;

}

}