*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:'Poppins',sans-serif;
min-height:100vh;
padding:20px;
color:#1e293b;
background:
radial-gradient(circle at 20% 20%, #f3d9ff 0%, transparent 40%),
radial-gradient(circle at 80% 30%, #c7e9ff 0%, transparent 40%),
linear-gradient(135deg,#f8e8ff,#e6f0ff);
}

.container{max-width:420px;margin:auto;}

.glass-card{
background:rgba(255,255,255,0.25);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-radius:28px;
border:1px solid rgba(255,255,255,0.3);
padding:24px;
margin-bottom:20px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

h1{font-size:30px;font-weight:600;margin-bottom:6px;}
h2{font-size:20px;margin-bottom:10px;}
p{font-size:14px;opacity:0.85;}

.btn-primary{
display:block;width:100%;text-align:center;
background:linear-gradient(135deg,#8b5cf6,#6366f1);
color:white;border-radius:50px;padding:14px;
text-decoration:none;font-weight:500;border:none;
cursor:pointer;box-shadow:0 8px 24px rgba(99,102,241,0.4);
}

.btn-success{
background:linear-gradient(135deg,#22c55e,#16a34a);
}

input{
width:100%;padding:12px;border-radius:14px;
border:1px solid rgba(255,255,255,0.4);
background:rgba(255,255,255,0.5);
margin-bottom:14px;
}

.bubble{
background:rgba(255,255,255,0.35);
backdrop-filter:blur(10px);
padding:12px 16px;border-radius:18px;margin-bottom:10px;
}