@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");:root{--bg:#f5f2eb;--bg-elevated:#ebe6dc;--surface:#fefdfb;--surface-hover:#f6f3ed;--border:#d4cfc4;--border-focus:#b8b0a0;--text:#1c1917;--text-muted:#57534e;--text-subtle:#78716c;--accent:#1e3a5f;--accent-hover:#2c5282;--accent-muted:rgba(30,58,95,.12);--accent-brass:#b8860b;--accent-brass-muted:rgba(184,134,11,.15);--success:#166534;--success-muted:rgba(22,101,52,.12);--warning:#a16207;--warning-muted:rgba(161,98,7,.12);--error:#b91c1c;--error-muted:rgba(185,28,28,.12);--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(28,25,23,.06);--shadow-md:0 4px 14px rgba(28,25,23,.08);--shadow-lg:0 10px 28px rgba(28,25,23,.1);--transition-fast:150ms ease;--transition-normal:200ms ease}*{box-sizing:border-box;padding:0;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{max-width:100vw;min-height:100vh;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}button{cursor:pointer;font:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-muted)}.page-center{padding:2rem;gap:1.5rem}.hero,.page-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero{padding:3rem 2rem;text-align:center;background:var(--bg);background-image:linear-gradient(180deg,var(--surface) 0,transparent 15%,transparent 85%,var(--bg) 100%),repeating-linear-gradient(96deg,transparent,transparent 2px,rgba(30,58,95,.03) 2px,rgba(30,58,95,.03) 4px)}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:.02em;line-height:1.15;color:var(--accent);margin-bottom:.75rem}.hero-tagline{font-size:clamp(1rem,2vw,1.125rem);color:var(--text-muted);max-width:420px;line-height:1.6;margin-bottom:2rem}.hero-logo{margin:0 0 1.5rem;line-height:0}.hero-logo-img{width:auto;max-width:min(320px,90vw);height:auto;border-radius:var(--radius-lg);display:block}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem;width:100%;max-width:400px}.card-wide{max-width:480px}.title-page{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-align:center}.subtitle{color:var(--text-muted);text-align:center;line-height:1.5}.btn,.subtitle{font-size:.9375rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:500;border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-focus)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface)}.input{width:100%;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.9375rem}.input::placeholder{color:var(--text-subtle)}.input-code{font-size:1.5rem;letter-spacing:.4em;text-align:center}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-error{background:var(--error-muted);color:var(--error)}.divider{display:flex;align-items:center;gap:.75rem;width:100%;font-size:.8125rem;color:var(--text-subtle)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.nav-link{padding:.5rem .75rem;font-size:.875rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}button.nav-link{background:none;border:none;cursor:pointer;font:inherit}.nav-link:hover{color:var(--text);background:var(--surface)}.grid-projects{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.grid-projects{grid-template-columns:1fr}}.card-project{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card-project:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.alert-warning{background:var(--warning-muted);color:var(--warning);border:1px solid rgba(234,179,8,.3)}.error-text{font-size:.875rem;color:var(--error)}