:root{--bg:#f7fbfb;--surface:#ffffff;--surface-hover:#e8f2f3;--border:rgba(17,98,113,0.14);--border-strong:rgba(17,98,113,0.42);--text:#0f2027;--text-dim:#566b70;--accent:#116271;--accent-ink:#116271;--accent-soft:rgba(17,98,113,0.08);--gold-from:#1a7f8f;--gold-to:#0d5866;--gold:#c9a84c;--gold-soft:rgba(201,168,76,0.12);--point-ink:#725c1a;--progress-from:#116271;--progress-to:#a8842f;--on-accent:#ffffff;--placeholder:#5e7377;--text-muted:#5e7377;--danger:#e0455f;--danger-subtle:rgba(224,69,95,0.1);--danger-ink:#a83447;--success:#2f9e74;--success-subtle:rgba(47,158,116,0.12);--success-ink:#2f7d3f;--sheet-dark:linear-gradient(150deg,#071c22,#0e3037 65%,#134450);--sheet-dark-glow:rgba(95,184,201,0.16);--footer-bg:#061a1f;--btn-gradient:linear-gradient(135deg,#14788a,#0d5866);--btn-shadow:rgba(6,60,72,0.22);--on-dark:#eef7f8;--on-dark-dim:rgba(230,244,246,0.74);--on-dark-faint:rgba(230,244,246,0.68);--border-on-dark:rgba(150,205,216,0.3);--accent-on-dark:#5fb8c9;--gold-on-dark:#ead58c;--shadow-rgb:6,34,40;--bg-primary:var(--bg);--bg-secondary:var(--surface-hover);--bg-card:var(--surface);--border-subtle:var(--border);--input-bg:var(--surface);--input-border:var(--border-strong);--text-primary:var(--text);--text-secondary:var(--text-dim);--radius-sm:11px;--radius-md:18px;--radius-xl:24px;--accent-subtle:var(--accent-soft);--point:var(--gold);--point-subtle:var(--gold-soft);--warning:var(--gold);--content-reading:760px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Roboto,Apple SD Gothic Neo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}::placeholder{color:var(--placeholder);opacity:1}.site{min-height:100dvh;background:radial-gradient(circle at 88% 6%,var(--accent-soft),transparent 40%),radial-gradient(circle at 6% 72%,var(--accent-soft),transparent 44%)}.site-top{justify-content:space-between;padding:14px clamp(16px,4vw,40px);background:var(--surface);border-bottom:1px solid var(--border)}.site-nav,.site-top{display:flex;align-items:center}.site-nav{gap:8px}.site-nav a{padding:8px 10px}.site-nav a,.site-nav-logout{font-size:.85rem;font-weight:600;color:var(--text-dim)}.site-nav-logout{border:1px solid var(--border);background:none;border-radius:999px;padding:8px 15px;font-family:inherit;cursor:pointer}.site-nav-logout:hover{border-color:var(--border-strong);color:var(--accent-ink)}.site-nav-placeholder{display:block;width:1px;height:37px}.site-nav a.cta{padding:9px 16px;border-radius:999px;background:linear-gradient(135deg,#14788a,#0d5866);box-shadow:0 10px 24px rgba(6,60,72,.22);color:var(--on-accent)}.sheets{max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4.2vw,64px) clamp(40px,6vw,72px);display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}.sheet{position:relative;overflow:hidden;padding:clamp(30px,5vw,56px) clamp(20px,4vw,48px);border-radius:24px;background:var(--surface);box-shadow:0 24px 65px rgba(6,34,40,.1)}.sheet--tint{background:var(--surface-hover);box-shadow:none;border:1px solid var(--border)}.sheet--dark{background:radial-gradient(circle at 78% 16%,rgba(95,184,201,.16),transparent 36%),linear-gradient(150deg,#071c22,#0e3037 65%,#134450);color:#eef7f8;box-shadow:0 24px 65px rgba(6,34,40,.2)}.eyebrow{margin:0 0 12px;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--accent-ink)}.sheet--dark .eyebrow{color:#ead58c}.headline{margin:0;font-family:Gowun Batang,serif;font-size:clamp(24px,4.4vw,34px);font-weight:700;line-height:1.4;letter-spacing:-.8px;word-break:keep-all}.headline span{background:linear-gradient(160deg,var(--gold-from),var(--gold-to));-webkit-background-clip:text;background-clip:text;color:transparent}.sheet--dark .headline{color:#eef7f8}.sheet--dark .lead{color:rgba(230,244,246,.74)}.lead{margin:14px 0 0;font-size:clamp(.9rem,2.6vw,1rem);line-height:1.8;color:var(--text-dim);word-break:keep-all}.center{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;margin-bottom:20px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(150,205,216,.3);font-size:12px;color:#d8ecef}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;gap:7px;padding:13px 22px;border-radius:11px;font-size:15px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#14788a,#0d5866);box-shadow:0 10px 24px rgba(6,60,72,.22);color:var(--on-accent)}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(150,205,216,.32);color:#eef7f8}.btn-ghost:hover{border-color:rgba(150,205,216,.55)}.apps{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:30px}@media (min-width:760px){.apps--pair{grid-template-columns:repeat(2,1fr)}}.apps--solo{max-width:620px;margin-left:auto;margin-right:auto}.card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:focus-visible,.card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 18px 40px rgba(6,34,40,.13)}.card-head{display:flex;align-items:center;gap:13px}.card-icon{width:46px;height:46px;border-radius:13px;flex-shrink:0;background:var(--surface);border:1px solid var(--border)}.card-role{margin-left:auto;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);font-size:11px;font-weight:700;color:var(--accent-ink);white-space:nowrap}.card-name{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.card-domain{margin:2px 0 0;font-size:.75rem;color:var(--text-dim)}.card-desc{margin:0;font-size:.88rem;line-height:1.75;color:var(--text-dim);word-break:keep-all}.chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.chips li{font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--accent-soft)}.card-cta,.chips li{color:var(--accent-ink)}.card-cta{margin-top:auto;padding-top:6px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.card:hover .card-cta .arrow{transform:translateX(3px)}.arrow{transition:transform .18s ease}.features{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;margin-top:28px}@media (min-width:700px){.features{grid-template-columns:1fr 1fr}}.feature{display:flex;gap:14px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.feature-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-size:17px}.feature h3{margin:0 0 4px;font-size:.95rem;font-weight:700}.feature p{margin:0;font-size:.82rem;line-height:1.7;color:var(--text-dim);word-break:keep-all}.site-footer{padding:clamp(34px,5vw,56px) 20px;background:#061a1f;color:rgba(230,244,246,.68);text-align:center;font-size:.78rem;line-height:2}.site-footer-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;font-size:1rem;font-weight:800;color:#eef7f8}.site-footer-brand img{border-radius:8px}.site-footer-brand .brand-word>span{color:#5fb8c9}.site-footer-logout{border:none;background:none;padding:0;font-family:inherit;font-size:inherit;font-weight:600;color:rgba(230,244,246,.86);cursor:pointer}.site-footer-logout:hover{text-decoration:underline}.site-footer a{color:rgba(230,244,246,.86)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.auth-topbar{justify-content:space-between;padding:14px clamp(16px,4vw,32px);background:var(--surface);border-bottom:1px solid var(--border)}.auth-brand,.auth-topbar{display:flex;align-items:center}.auth-brand{gap:9px;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.auth-brand img{border-radius:8px}.brand-word{display:inline-block;white-space:nowrap}.auth-brand .brand-word>span{color:var(--accent-ink)}.auth-home{font-size:.85rem;color:var(--text-dim)}.auth-home:hover{color:var(--accent-ink)}.auth{position:relative;overflow:hidden;min-height:calc(100dvh - 58px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px) clamp(16px,4vw,32px) clamp(40px,6vw,72px);background:radial-gradient(circle at 85% 8%,var(--accent-soft),transparent 42%),radial-gradient(circle at 10% 80%,var(--gold-soft),transparent 46%)}.auth:before{content:"";position:absolute;inset:-20%;z-index:0;background:linear-gradient(104deg,transparent 49.9%,rgba(17,98,113,.09) 50%,transparent 50.1%);pointer-events:none}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr;width:100%;max-width:700px;border-radius:24px;overflow:hidden;box-shadow:0 24px 65px rgba(6,34,40,.14)}@media (min-width:860px){.auth-shell{grid-template-columns:280px 420px;align-items:center;border-radius:0;overflow:visible;box-shadow:none}.auth-shell>.auth-story{align-self:stretch;margin:0;border-radius:24px 0 0 24px;box-shadow:0 24px 65px rgba(6,34,40,.14)}.auth-shell>.auth-card{border-radius:0 24px 24px 0;box-shadow:0 24px 65px rgba(6,34,40,.14)}}.auth-story{position:relative;overflow:hidden;padding:30px 28px;background:radial-gradient(circle at 72% 20%,rgba(95,184,201,.16),transparent 34%),linear-gradient(150deg,#071c22,#0e3037 65%,#134450);color:#eef7f8;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px}@media (min-width:860px){.auth-story{min-height:774px;padding:58px 38px 42px}}.auth-story-body{position:relative}.auth-eyebrow{margin:0 0 10px;font-size:9px;font-weight:900;letter-spacing:2px;color:#ead58c}.auth-headline{margin:0;font-family:Gowun Batang,serif;font-size:clamp(22px,4.6vw,28px);font-weight:700;line-height:1.42;letter-spacing:-.8px;color:#eef7f8;word-break:keep-all}.auth-story-sub{margin:14px 0 0;font-size:12.5px;line-height:1.75;color:rgba(230,244,246,.74);word-break:keep-all}.auth-card{padding:clamp(26px,6vw,44px) clamp(22px,5vw,42px);background:var(--surface);border:1px solid var(--border)}.auth-app{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;margin-bottom:18px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:600}.auth-app img{border-radius:6px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:26px;border-radius:999px;background:var(--surface-hover)}.auth-tab{padding:11px 0;border-radius:999px;text-align:center;font-size:12px;font-weight:700;color:var(--text-dim)}.auth-tab[aria-current=page]{background:var(--surface);color:var(--text);font-weight:800;box-shadow:0 4px 15px rgba(6,34,40,.09)}.auth-title{margin:0 0 5px;font-size:22px;font-weight:700;letter-spacing:-.65px;color:var(--text)}.auth-sub{margin:0 0 24px;font-size:13px;color:var(--text-dim)}.auth-field{margin-bottom:15px}.auth-label{display:block;margin-bottom:7px;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text-dim)}.auth-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-family:inherit}.auth-input:focus{outline:none;border-color:var(--accent-ink)}.auth-input-wrap{position:relative}.auth-reveal{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;padding:0;font-size:12px;color:var(--text-dim);cursor:pointer;font-family:inherit}.auth-hint{margin:6px 0 0;font-size:11.5px;color:var(--text-dim)}.auth-btn{width:100%;padding:13px;margin-top:10px;border:none;border-radius:11px;background:linear-gradient(135deg,#14788a,#0d5866);box-shadow:0 10px 24px rgba(6,60,72,.22);color:var(--on-accent);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.auth-btn:disabled{opacity:.55;cursor:default}.auth-msg{margin:14px 0 0;font-size:13px;color:var(--danger-ink);word-break:keep-all}.auth-links{margin-top:18px;text-align:center;font-size:12.5px;color:var(--text-dim);line-height:2.1}.auth-links a{color:var(--accent-ink);font-weight:600}.auth-links div+div{margin-top:2px}.auth-section{margin:26px 0 16px;padding-top:20px;border-top:1px solid var(--border)}.auth-section .auth-eyebrow{color:var(--accent-ink);margin-bottom:4px}.auth-section p{margin:0;font-size:12px}.auth-note,.auth-section p{color:var(--text-dim);word-break:keep-all}.auth-note{width:100%;max-width:700px;margin-top:34px;font-size:11.5px;line-height:1.9;text-align:center}.auth-note strong{display:block;margin-bottom:4px;font-size:9px;font-weight:900;letter-spacing:2px;color:var(--text-dim)}@media (min-width:860px){.auth-note{margin-top:120px}}.legal{min-height:100dvh;background:radial-gradient(circle at 88% 4%,var(--accent-soft),transparent 38%),radial-gradient(circle at 4% 78%,var(--accent-soft),transparent 42%)}.legal-sheets{margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4.2vw,40px) clamp(40px,6vw,72px);flex-direction:column;gap:clamp(18px,2.6vw,26px)}.legal-sheets,.legal-tabs{max-width:var(--content-reading);display:flex}.legal-tabs{flex-wrap:wrap;gap:8px;margin:28px auto 0;padding:0 clamp(16px,4.2vw,40px)}.legal-tabs a{padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.8rem;font-weight:700;color:var(--text-dim);text-decoration:none}.legal-tabs a:hover{border-color:var(--border-strong);color:var(--text)}.legal-tabs a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.legal-body{font-size:.9rem;line-height:1.9;color:var(--text-dim);word-break:keep-all}.legal-body>:first-child{margin-top:0}.legal-body h2{margin:30px 0 10px;font-family:Gowun Batang,serif;font-size:1.12rem;font-weight:700;line-height:1.5;color:var(--text)}.legal-body h3{margin:20px 0 6px;font-size:.9rem;font-weight:800;color:var(--text)}.legal-body p{margin:10px 0}.legal-body ol,.legal-body ul{margin:10px 0;padding-left:1.15rem}.legal-body li{margin:5px 0}.legal-body strong{color:var(--text);font-weight:700}.legal-body a{color:var(--accent-ink)}.legal-table-wrap{margin:14px 0;overflow-x:auto}.legal-table{width:100%;min-width:460px;border-collapse:collapse;font-size:.83rem;line-height:1.7}.legal-table td,.legal-table th{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.legal-table th{background:var(--surface-hover);font-weight:800;color:var(--text);white-space:nowrap}.legal-table tbody th{background:transparent;border-right:1px solid var(--border)}.legal-todo{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--danger-subtle);font-size:.76rem;font-weight:800;line-height:1.7;color:var(--danger-ink);word-break:keep-all}.legal-callout{margin:16px 0;padding:16px 18px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft)}.legal-callout>:first-child{margin-top:0}.legal-callout>:last-child{margin-bottom:0}.legal-draft{max-width:var(--content-reading);margin:0 auto;padding:14px clamp(16px,4.2vw,40px) 0}.legal-draft p{margin:0;padding:12px 16px;border:1px solid var(--danger-subtle);border-radius:var(--radius-sm);background:var(--danger-subtle);font-size:.81rem;line-height:1.7;color:var(--danger-ink);word-break:keep-all}.legal-updated{margin:14px 0 0;font-size:.78rem;color:var(--text-muted)}.site-footer-legal{margin-top:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}:root{--el-soft:var(--accent-soft,var(--accent-subtle));--el-dim:var(--text-dim,var(--text-secondary));--el-text:var(--text,var(--text-primary))}.auth-topbar,.site-top{position:-webkit-sticky;position:sticky;top:0;z-index:40}.topnav-bar{position:relative}.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none;background:none;overflow:hidden}.scroll-progress:after{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--progress-from) 0,var(--progress-to) 100%);transform-origin:0 50%;transform:scaleX(var(--scroll-progress,0));transition:transform .08s linear}@media (prefers-reduced-motion:reduce){.scroll-progress:after{transition:none}}.headline .mark,.mark{background:linear-gradient(transparent 70%,color-mix(in srgb,var(--gold) 38%,transparent) 70%);padding:0 2px;margin:0 -2px;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:inherit}[data-theme=dark] .headline .mark,[data-theme=dark] .mark{background:linear-gradient(transparent calc(100% - 3px),var(--gold) calc(100% - 3px))}.flow{list-style:none;max-width:560px;margin:26px 0 0;padding:0}.flow--center{margin-inline:auto}.flow-step{position:relative;display:grid;grid-template-columns:34px 1fr;grid-gap:14px;gap:14px;padding-bottom:26px}.flow-step:last-child{padding-bottom:0}.flow-step:not(:last-child):before{content:"";position:absolute;left:17px;top:34px;bottom:6px;width:1px;background:var(--border)}.flow-num{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--el-soft);color:var(--accent-ink);font-size:11px;font-weight:800;letter-spacing:.04em}.flow-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.flow-badge{padding:3px 9px;border-radius:999px;background:var(--el-soft);color:var(--accent-ink);font-size:11px;font-weight:700}.flow-badge--point{background:var(--gold-soft);color:var(--point-ink)}.flow-step h3{margin:0;font-size:.95rem;font-weight:700;color:var(--el-text);word-break:keep-all}.flow-step p{margin:4px 0 0;font-size:.85rem;line-height:1.75;color:var(--el-dim);word-break:keep-all}.sheet--point{--el-cut:calc(var(--radius-lg, 24px) / 4);border-top-left-radius:var(--el-cut);border-bottom-right-radius:var(--el-cut)}