@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700;800&display=swap";:root{--primary:#ff6b00;--primary-hover:#ff8533;--secondary:#7f8c8d;--secondary-hover:#95a5a6;--bg-dark:#0e0a15;--text-light:#fff;--text-muted:#b8b5c0;--glass-bg:#1a1124b3;--glass-border:#ffffff1a;--glass-glow:0 8px 32px 0 #7f8c8d26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);background-image:radial-gradient(circle at 15% 10%,#7f8c8d40 0%,#0000 40%),radial-gradient(circle at 85% 90%,#ff6b0033 0%,#0000 40%),radial-gradient(circle,#7f8c8d1a 0%,#0000 60%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,30px 30px,30px 30px;background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}.container{max-width:1240px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-glow), inset 0 0 15px #ffffff05;border-radius:20px}.text-gradient{background:linear-gradient(135deg,#ff6b00,#ffb347);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-purple{background:linear-gradient(135deg,#7f8c8d,#bdc3c7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary), #c50);color:#fff;cursor:pointer;border:1px solid #ff6b0080;border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #ff6b004d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-3px);box-shadow:0 8px 25px #ff6b0080}.btn-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;padding:14px 32px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px)}.page-container{min-height:80vh;padding-top:120px;padding-bottom:80px}.page-title{text-align:center;margin-bottom:20px;font-size:48px}.page-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:24px;margin-top:40px;padding:50px;font-size:17px;box-shadow:0 20px 40px #0000004d}.page-content h2,.page-content h3{color:var(--text-light);margin-top:30px;margin-bottom:15px}.page-content p{margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #ff6b0080}70%{box-shadow:0 0 0 15px #ff6b0000}to{box-shadow:0 0 #ff6b0000}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeInModal;display:flex;position:fixed;top:0;left:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{background:#140f1ef2;border:1px solid #8a2be266;border-radius:24px;width:90%;max-width:480px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;transform:translateY(0);box-shadow:0 20px 60px #00000080,0 0 30px #8a2be21a}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.modal-title{color:#fff;text-align:center;margin-bottom:10px;font-size:28px}.modal-desc{color:var(--text-muted);text-align:center;margin-bottom:30px;font-size:15px}.error-alert{color:#fca5a5;background:#dc262626;border:1px solid #dc26264d;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:15px;font-size:14px;animation:.5s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.wallet-options{flex-direction:column;gap:15px;display:flex}.wallet-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.wallet-btn img{object-fit:contain;width:55px;height:55px}.wallet-btn span{color:#fff;font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.wallet-btn:hover{border-color:var(--secondary);background:#ffffff14;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.safety-note{color:#fff6;text-align:center;border-top:1px solid #ffffff0d;margin-top:30px;padding-top:20px;font-size:12px;line-height:1.5}
