@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.login-container,.verification-container{max-width:600px;width:100%;background:rgba(21,21,21,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:48px;text-align:center;box-shadow:0 20px 60px var(--shadow),0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.login-container:before,.verification-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.6}h1{margin-bottom:24px;color:var(--text-primary);font-size:clamp(32px,5vw,42px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}h2{margin-bottom:20px;color:var(--text-primary);font-size:clamp(24px,4vw,32px);font-weight:700;letter-spacing:-.01em}h3{margin-bottom:16px;color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:-.01em}p{margin-bottom:24px;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.6}.discord-login-btn{background:linear-gradient(135deg,var(--discord) 0%,var(--discord-hover) 100%);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #5865f24d,0 4px 12px #0003}.discord-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.discord-login-btn:hover{background:linear-gradient(135deg,var(--discord-hover) 0%,#3b429f 100%);transform:translateY(-2px);box-shadow:0 12px 32px #5865f266,0 6px 16px #0000004d}.discord-login-btn:hover:before{left:100%}.discord-login-btn:active{transform:translateY(0)}.wallet-selector{text-align:center}.wallet-buttons{display:grid;gap:20px;margin-top:32px}.wallet-button{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.wallet-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.wallet-button:hover{background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 32px var(--shadow),0 0 0 1px #ffffff1a}.wallet-button:hover:before{opacity:1}.wallet-button.metamask:hover{border-color:#f6851b;box-shadow:0 12px 32px var(--shadow),0 0 0 1px #f6851b,0 4px 20px #f6851b4d}.wallet-button.kaia-wallet:hover{border-color:var(--accent-primary);box-shadow:0 12px 32px var(--shadow),0 0 0 1px var(--accent-primary),0 4px 20px var(--shadow-accent)}.wallet-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.wallet-button:disabled:hover{transform:none;box-shadow:none;border-color:var(--border)}.wallet-icon{width:28px;height:28px;border-radius:8px;display:inline-block;position:relative}.metamask-icon{background:linear-gradient(135deg,#f6851b,#e2761b);box-shadow:0 4px 12px #f6851b4d}.kaia-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 12px var(--shadow-accent)}.verification-status{text-align:left}.user-info,.wallet-info,.token-status{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-info:before,.wallet-info:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.4}.user-info p,.wallet-info p{margin-bottom:12px;color:var(--text-primary);font-weight:500}.user-info p:last-child,.wallet-info p:last-child{margin-bottom:0;color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:14px}.token-status{border-radius:20px;overflow:hidden}.token-status.success{border:1px solid var(--success);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(76,175,80,.1) 100%);box-shadow:0 8px 32px #4caf5033}.token-status.error{border:1px solid var(--error);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(244,67,54,.1) 100%);box-shadow:0 8px 32px #f4433633}.success-message{color:var(--success)}.success-message p{margin-bottom:12px;font-weight:600}.role-status{margin-top:20px;padding:16px;border-radius:12px;border:1px solid var(--border)}.role-status.success{background:rgba(76,175,80,.1);border-color:var(--success)}.role-status.pending{background:rgba(255,152,0,.1);border-color:var(--warning)}.error-message{color:var(--error);text-align:center;margin-top:20px;padding:16px;background:rgba(244,67,54,.1);border:1px solid var(--error);border-radius:12px;font-weight:500}.loading{text-align:center;color:var(--text-secondary);font-style:italic;padding:24px;display:flex;align-items:center;justify-content:center;gap:12px}.loading:before{content:"";width:20px;height:20px;border:2px solid var(--border);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container,.verification-container{padding:32px 24px;margin:16px}h1{font-size:clamp(28px,6vw,36px)}.wallet-buttons{gap:16px}.wallet-button{padding:16px 20px}}@media (max-width: 480px){.login-container,.verification-container{padding:24px 20px}.discord-login-btn{width:100%;padding:14px 24px}}:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1f1f1f;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #808080;--accent-primary: #c8102e;--accent-secondary: #a00d26;--accent-tertiary: #e01e37;--discord: #5865f2;--discord-hover: #4752c4;--success: #4caf50;--error: #f44336;--warning: #ff9800;--border: #333333;--border-hover: #555555;--shadow: rgba(0, 0, 0, .4);--shadow-accent: rgba(200, 16, 46, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-primary) 0%,#0f0f0f 50%,var(--bg-primary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(200,16,46,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(160,13,38,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}