:root{--bg-base: #08080F;--bg-1: #0D0D18;--bg-2: #12121F;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-md: rgba(255, 255, 255, .07);--bg-glass-lg: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .18);--accent: #7C5CFC;--accent-hover: #9D82FF;--accent-glow: rgba(124, 92, 252, .25);--toolbox-accent: #FF6D3A;--toolbox-glow: rgba(255, 109, 58, .22);--tryon-accent: #06B6D4;--tryon-glow: rgba(6, 182, 212, .22);--kol-accent: #A855F7;--kol-glow: rgba(168, 85, 247, .22);--text-1: #EDE8E0;--text-2: #9A9484;--text-3: #5E5A52;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-sm: 8px;--r: 12px;--r-lg: 20px;--r-xl: 28px;--font: "Inter", "Be Vietnam Pro", system-ui, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 40px;--fs-4xl: 56px;--t: .18s ease;--t-slow: .38s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-base);color:var(--text-1);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;border:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.glass{background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.glass-md{background:var(--bg-glass-md);border:1px solid var(--border-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.45}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:13px 28px;border-radius:var(--r);font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 32px var(--accent-glow)}.btn-ghost{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--bg-glass-md);border-color:var(--border-glass-hover);color:var(--text-1)}.btn-full{width:100%;justify-content:center}.input-field{width:100%;padding:13px 16px;border-radius:var(--r);background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-1);font-family:var(--font);font-size:var(--fs-base);outline:none;transition:border-color var(--t),background var(--t)}.input-field:focus{border-color:var(--accent);background:#7c5cfc0f}.input-field::placeholder{color:var(--text-3)}.error-text{color:#f87171;font-size:var(--fs-sm)}.muted{color:var(--text-2);font-size:var(--fs-sm)}