*{box-sizing:border-box}
body{
 font-family:'Outfit',sans-serif;
 background-color:#050814;
 background-image:
 radial-gradient(circle at 20% 30%,rgba(6,182,212,.08),transparent 50%),
 radial-gradient(circle at 80% 70%,rgba(139,92,246,.08),transparent 50%);
 color:#f8fafc;
}
.code-font{font-family:'Fira Code',monospace}
.glass-box{
 background:rgba(13,19,33,.88);
 backdrop-filter:blur(16px);
 border:1px solid rgba(255,255,255,.07);
 box-shadow:0 25px 50px -12px rgba(0,0,0,.7);
}
.gradient-text{
 background:linear-gradient(135deg,#22d3ee,#a855f7);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
.cyan-btn{
 background:linear-gradient(135deg,#06b6d4,#3b82f6);
 transition:.25s;
}
.cyan-btn:hover{
 filter:brightness(1.12);
 box-shadow:0 0 25px rgba(6,182,212,.3);
}
.field{
 width:100%;
 background:#020617;
 border:1px solid #1e293b;
 border-radius:14px;
 padding:14px;
 color:#a5f3fc;
 outline:none;
}
.field:focus{border-color:#06b6d4}
.toast{
 position:fixed;
 bottom:25px;
 left:50%;
 transform:translate(-50%,100px);
 opacity:0;
 transition:.3s;
 z-index:100;
 pointer-events:none;
 max-width:90%;
}
.toast.show{
 transform:translate(-50%,0);
 opacity:1;
}