*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{min-height:100%;position:relative}.bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(120,80,220,.45) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,100,150,.35) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(60,160,255,.35) 0%,transparent 55%),linear-gradient(160deg,#0f0c29,#1a1a2e 40%,#16213e);z-index:-1}.content{max-width:600px;margin:0 auto;padding:40px 20px 0}.hero{text-align:center;padding:32px 0 40px}.hero h1{font-size:42px;font-weight:700;background:linear-gradient(135deg,#fff 30%,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.hero p{margin-top:8px;font-size:16px;color:#ffffff80;font-weight:400}.variants{display:flex;flex-direction:column;gap:32px}.variant{border-radius:24px;padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:visible;box-shadow:0 4px 24px #00000040}.variant-header{text-align:center}.variant-header h3{font-size:16px;font-weight:600;color:#ffffffe6;margin-bottom:4px}.variant-header p{font-size:13px;color:#ffffff73;font-weight:400}.toast{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:10px;font-size:12px;font-weight:500;color:#ffffffe6;background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:toast-in .25s ease-out,toast-out .3s 1.5s ease-in forwards;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.variant:last-child .variant-header h3{color:#000c}.variant:last-child .variant-header p{color:#0006}.variant:last-child .toast{color:#000c;background:#00000014}