:root{--bg1: #2a0a4a;--bg2: #6d1bb3;--bg3: #8f3cff;--green: #39d353;--green-dark: #1f9d3a;--text: #f7f2ff;--muted: rgba(247, 242, 255, 0.75);--card: rgba(255, 255, 255, 0.08);--border: rgba(255, 255, 255, 0.14)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top, rgba(143, 60, 255, 0.45), transparent 35%),linear-gradient(135deg, var(--bg1), var(--bg2) 55%, var(--bg3));color:var(--text);overflow-x:hidden}a{color:inherit}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.flash-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;width:min(480px,100% - 24px)}.flash-message{padding:14px 18px;border-radius:14px;font-size:14px;line-height:1.4;backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.14)}.flash-notice{background:rgba(57,211,83,.16);color:#eaffef}.flash-alert{background:rgba(255,90,90,.16);color:#ffe2e2}.flash-error{background:rgba(255,90,90,.16);color:#ffe2e2}.auth-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px}.auth-cta:disabled{opacity:.75;cursor:not-allowed}.button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(8,49,15,.25);border-top-color:#08310f;display:none;animation:spin .8s linear infinite}.button-spinner.visible{display:inline-block}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.action-legal{margin-top:14px;font-size:12px;line-height:1.5;color:rgba(247,242,255,.72)}.action-legal a{color:#9df7ad;text-decoration:underline}.auth-card{width:min(480px,100%);padding:32px;border-radius:28px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.22)}.locked-card{padding:28px;border-radius:28px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.18)}.locked-card h2{margin:0 0 10px;font-size:24px}.locked-card p{margin:0 0 18px;color:var(--muted);line-height:1.6}.locked-cta{display:inline-flex;text-decoration:none}.page-loader{position:fixed;inset:0;background:rgba(42,10,74,.92);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{width:64px;height:64px;border-radius:50%;border:6px solid hsla(0,0%,100%,.18);border-top-color:#39d353;animation:spin .9s linear infinite;box-shadow:0 0 24px rgba(57,211,83,.2)}@keyframes spin{to{transform:rotate(360deg)}}.auth-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--border);background:hsla(0,0%,100%,.08);border-radius:999px;font-size:14px;margin-bottom:18px}.auth-subtitle{color:var(--muted);line-height:1.6;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;color:rgba(247,242,255,.9)}.input{width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:hsla(0,0%,100%,.09);color:var(--text);outline:none;font-size:16px}.input::placeholder{color:rgba(247,242,255,.45)}.input:focus{border-color:rgba(105,240,138,.8);box-shadow:0 0 0 4px rgba(105,240,138,.12)}.auth-cta{width:100%;justify-content:center}.glow{position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(57,211,83,.14);filter:blur(80px);top:10%;left:50%;transform:translateX(-50%);pointer-events:none}.container{width:min(1100px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;z-index:1}.content{max-width:620px}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--border);background:hsla(0,0%,100%,.08);border-radius:999px;font-size:14px;margin-bottom:18px;backdrop-filter:blur(10px)}.badge-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1{margin:0 0 16px;font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-0.04em}.subtitle{font-size:clamp(16px,2vw,20px);line-height:1.6;color:var(--muted);margin:0 0 30px;max-width:560px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:260px;padding:18px 28px;border:none;border-radius:18px;background:linear-gradient(135deg, var(--green), #66f08a);color:#08310f;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 18px 40px rgba(57,211,83,.35);transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(57,211,83,.45)}.note{font-size:14px;color:rgba(247,242,255,.68)}.visual{display:flex;justify-content:center;align-items:center;position:relative;min-height:520px}.frog-card{width:min(420px,100%);aspect-ratio:1/1;border-radius:32px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.22);display:grid;place-items:center;position:relative;overflow:hidden}.frog-card::before,.frog-card::after{content:"";position:absolute;border-radius:50%;background:hsla(0,0%,100%,.08);filter:blur(6px)}.frog-card::before{width:180px;height:180px;top:-40px;right:-30px}.frog-card::after{width:140px;height:140px;bottom:-30px;left:-20px}.frog{width:62%;max-width:280px;aspect-ratio:1/1;position:relative}.frog .head{position:absolute;inset:12% 10% 22% 10%;background:linear-gradient(180deg, #6ef57a, #2fbf4a);border-radius:48% 48% 44% 44%;box-shadow:inset 0 -10px 0 rgba(0,0,0,.08)}.frog .eye{position:absolute;top:-6%;width:28%;height:28%;border-radius:50%;background:linear-gradient(180deg, #79ff8a, #30b94a);box-shadow:inset 0 -8px 0 rgba(0,0,0,.08)}.frog .eye.left{left:12%}.frog .eye.right{right:12%}.frog .eye::before{content:"";position:absolute;inset:28%;border-radius:50%;background:#fff}.frog .eye::after{content:"";position:absolute;inset:43%;border-radius:50%;background:#132014;box-shadow:0 0 0 4px rgba(19,32,20,.08)}.frog .mouth{position:absolute;left:50%;bottom:26%;width:36%;height:18%;transform:translateX(-50%);border-bottom:7px solid rgba(19,32,20,.5);border-radius:0 0 999px 999px}.frog .cheek{position:absolute;bottom:31%;width:10%;height:6%;border-radius:50%;background:hsla(0,0%,100%,.18)}.frog .cheek.left{left:18%}.frog .cheek.right{right:18%}.floating{position:absolute;inset:0;pointer-events:none}.bubble{position:absolute;width:18px;height:18px;border-radius:50%;border:1px solid hsla(0,0%,100%,.28);box-shadow:0 0 18px hsla(0,0%,100%,.08);animation:float 4s ease-in-out infinite}.bubble.b1{top:14%;left:18%}.bubble.b2{top:24%;right:16%;animation-delay:.8s}.bubble.b3{bottom:18%;left:20%;animation-delay:1.4s}.dashboard-page{min-height:100vh;padding:24px;display:flex;align-items:center;justify-content:center}.dashboard-shell{width:min(1100px,100%);display:grid;gap:24px}.dashboard-hero,.key-card,.action-card{background:hsla(0,0%,100%,.08);border:1px solid var(--border);backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.18);border-radius:28px}.dashboard-hero{padding:32px}.key-card{padding:28px}.dashboard-hero h1{margin:14px 0 12px}.subtitle{max-width:720px}.key-card-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.key-card h2{margin:0;font-size:24px}.copy-btn{border:none;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg, var(--green), #66f08a);color:#08310f;font-weight:700;cursor:pointer}.key-box{padding:18px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.12);overflow-x:auto}.key-box code{font-size:14px;word-break:break-all;color:#eaffef}.key-note{margin:14px 0 0;color:var(--muted)}.actions-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}.action-card{padding:24px;text-decoration:none;color:inherit;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{transform:translateY(-2px)}.action-title{font-size:18px;font-weight:800;margin-bottom:8px}.action-desc{color:var(--muted);line-height:1.5}.danger-btn{width:100%;border:none;background:rgba(255,90,90,.15);color:#ffd8d8}.danger-btn:hover{box-shadow:0 0 0 1px rgba(255,90,90,.22) inset}@keyframes float{0%,100%{transform:translateY(0px);opacity:.5}50%{transform:translateY(-10px);opacity:1}}@media(max-width: 900px){.container{grid-template-columns:1fr;text-align:center}.content{margin:0 auto}.actions{justify-content:center}.visual{min-height:380px}.actions-grid{grid-template-columns:1fr}.key-card-header{flex-direction:column;align-items:flex-start}}
