html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg:#06101d;--panel:#0d1b2ac7;--panel-strong:#051220db;--line:#ffffff24;--line-strong:#5eead447;--text:#edf6ff;--muted:#a8b5c7;--soft:#8fa0b4;--gold:#f4b860;--orange:#ff7a59;--teal:#5eead4;--blue:#0b3145;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#5eead421,#0000 25%),radial-gradient(circle at 84% 18%,#f4b86029,#0000 26%),radial-gradient(circle at 58% 78%,#ff7a5914,#0000 26%),linear-gradient(160deg,#06101d 0%,#082033 48%,#050b14 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input{font:inherit}.topbar{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06101db8;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;width:min(1180px,100% - 32px);margin:16px auto 0;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 24px 80px #0000003d}.brand,.nav-links,.hero-actions,.trust-row,.account-actions{align-items:center;display:flex}.brand{gap:10px;font-weight:900;text-decoration:none}.brand-mark{color:#190e04;background:linear-gradient(135deg, var(--gold), var(--orange));border-radius:14px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 35px #f4b86038}.nav-links{gap:22px}.nav-links a{color:var(--muted);font-size:.96rem;text-decoration:none}.nav-links a:hover{color:var(--teal)}.nav-cta,.primary-button,.google-button{cursor:pointer;color:#190e04;background:linear-gradient(135deg, var(--gold), var(--orange));border:0;border-radius:16px;justify-content:center;align-items:center;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 35px #f4b86038}.nav-cta:hover,.primary-button:hover,.google-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.account-actions{gap:10px}.account-chip{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--teal);background:#5eead414;border:1px solid #5eead438;border-radius:999px;padding:9px 12px;font-size:.92rem;font-weight:900;overflow:hidden}.logout-button{color:var(--text);box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e}.logout-card-button{width:100%;margin-top:8px}.onboarding-card{border:1px solid var(--line-strong);background:radial-gradient(circle at 12% 20%,#5eead424,#0000 25%),radial-gradient(circle at 90% 10%,#f4b8601f,#0000 24%),#0d1b2ad6;border-radius:30px;grid-template-columns:1fr 390px;align-items:center;gap:28px;width:min(1180px,100% - 32px);margin:22px auto 0;padding:28px;display:grid;box-shadow:0 28px 90px #00000047}.onboarding-card h2{margin-bottom:10px}.onboarding-card p{color:var(--muted);margin-bottom:0;line-height:1.55}.nickname-form{gap:10px;display:grid}.nickname-form label{color:var(--teal);font-weight:900}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:center;gap:40px;width:min(1180px,100% - 32px);min-height:calc(100vh - 86px);margin:0 auto;padding:68px 0 78px;display:grid;position:relative}.eyebrow{color:var(--teal);letter-spacing:.055em;text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:900}.eyebrow.light{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{max-width:780px;color:var(--text);letter-spacing:-.07em;margin-bottom:24px;font-size:clamp(2.55rem,5.8vw,5.45rem);line-height:.94}h2{color:var(--text);letter-spacing:-.055em;margin-bottom:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}h3{color:var(--text);margin-bottom:10px;font-size:1.45rem}.lead,.section-heading p,.signup-copy p{max-width:720px;color:var(--muted);font-size:clamp(1.06rem,1.9vw,1.28rem);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:14px;margin:30px 0 24px}.secondary-button{color:var(--text);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-weight:850;text-decoration:none;display:inline-flex}.secondary-button:hover{border-color:var(--line-strong);background:#5eead417}.trust-row{flex-wrap:wrap;gap:10px}.trust-row span{color:var(--muted);background:#0d1b2a99;border:1px solid #ffffff24;border-radius:999px;padding:8px 11px;font-size:.92rem}.hero-visual{border:1px solid var(--line);background:radial-gradient(circle at 22% 22%,#5eead42e,#0000 20%),radial-gradient(circle at 76% 40%,#f4b8602e,#0000 24%),linear-gradient(160deg,#082033,#0b3145 55%,#05101e);border-radius:34px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000052}.hero-visual:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.island-card,.floating-panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051220c7;border:1px solid #fff3;border-radius:24px;gap:5px;width:180px;padding:18px;display:grid;position:absolute;box-shadow:0 22px 55px #00000045}.island-card span,.floating-panel span{color:var(--soft);font-size:.88rem}.island-card strong,.floating-panel strong{color:var(--gold);font-size:1.15rem}.island-card small,.floating-panel small{color:var(--text);opacity:.82}.harbor{top:34%;left:50%;transform:translate(-50%)}.forest{top:16%;left:8%}.farm{bottom:18%;right:8%}.route{z-index:1;background:linear-gradient(90deg,#0000,#5eead4c2,#0000);border-radius:99px;height:3px;position:absolute;box-shadow:0 0 24px #5eead461}.route-one{width:43%;top:40%;left:25%;transform:rotate(17deg)}.route-two{width:34%;top:60%;left:48%;transform:rotate(34deg)}.ship{z-index:3;filter:drop-shadow(0 12px 12px #0000008c);font-size:2.6rem;position:absolute;top:52%;left:54%}.floating-panel{width:230px;bottom:8%;left:8%}.section,.signup-section{width:min(1180px,100% - 32px);margin:0 auto;padding:84px 0}.section-heading{margin-bottom:30px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.feature-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;min-height:244px;padding:24px;box-shadow:0 28px 90px #0000002e}.feature-card p{color:var(--muted);line-height:1.55}.feature-icon{margin-bottom:24px;font-size:2rem}.dark-section{border:1px solid var(--line-strong);background:radial-gradient(circle at 85% 10%,#5eead421,#0000 26%),#0d1b2ab8;border-radius:34px;grid-template-columns:.8fr 1.2fr;gap:34px;width:min(1180px,100% - 32px);margin:0 auto;padding:42px;display:grid;box-shadow:0 28px 90px #00000040}.loop-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.loop-grid article{background:#ffffff0f;border:1px solid #ffffff21;border-radius:20px;padding:20px}.loop-grid span{color:var(--teal);font-weight:900}.loop-grid strong{margin:10px 0 6px;font-size:1.18rem;display:block}.loop-grid p{color:var(--muted);margin:0;line-height:1.48}.signup-section{grid-template-columns:1fr 430px;align-items:start;gap:34px;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:30px;padding:28px;box-shadow:0 28px 90px #00000047}.login-card p{color:var(--muted);line-height:1.55}.google-button{width:100%;margin-top:8px}input{width:100%;color:var(--text);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;margin:8px 0 14px;padding:14px 16px}input:focus{border-color:var(--teal);outline:2px solid #5eead43d}.setup-note,.quiet-note{border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:.94rem}.setup-note{border-left:3px solid var(--gold);background:#f4b86014;color:var(--text)!important}.quiet-note{background:#5eead40f;border:1px solid #5eead429}.error{color:#ff9b9b!important}@media (width<=960px){.nav-links{display:none}.hero,.dark-section,.signup-section,.onboarding-card{grid-template-columns:1fr}.hero{min-height:auto;padding-top:52px}.hero-visual{min-height:480px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{width:calc(100% - 20px);margin-top:10px}.brand span:last-child{display:none}.nav-cta{padding:11px 12px;font-size:.9rem}h1{font-size:clamp(2.45rem,13vw,4rem)}.hero,.section,.signup-section,.dark-section,.onboarding-card{width:calc(100% - 20px)}.hero-visual{min-height:430px}.island-card{width:148px;padding:14px}.forest{left:4%}.farm{right:4%}.floating-panel{width:190px;left:4%}.feature-grid,.loop-grid{grid-template-columns:1fr}.dark-section{padding:28px}}