:root{--font-display:"Montserrat", system-ui, sans-serif;--font-body:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.9rem, .85rem + .25vw, 1rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.3rem, 1.15rem + .75vw, 1.5rem);--text-2xl:clamp(1.6rem, 1.3rem + 1.5vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl:clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--color-bg:#fafaf9;--color-bg-alt:#f5f3f0;--color-surface:#fff;--color-surface-raised:#fff;--color-text:#1a1a2e;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-accent-light:#ede9fe;--color-accent-glow:#7c3aed26;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:20px;--glass-shadow:0 8px 32px #0000000f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--duration-entrance:.6s;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--container-max:1200px;--container-padding:var(--space-5)}[data-theme=dark]{--color-bg:#0f0f1a;--color-bg-alt:#1a1a2e;--color-surface:#16162a;--color-surface-raised:#1e1e36;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#2d2d4a;--color-border-light:#1e1e36;--color-accent:#a78bfa;--color-accent-hover:#8b5cf6;--color-accent-light:#a78bfa26;--color-accent-glow:#a78bfa33;--glass-bg:#16162abf;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-variant-numeric:tabular-nums}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;top:0;bottom:0;left:0;right:0}[data-theme=dark] body:before{opacity:.05}.skip-nav{top:-100%;left:var(--space-4);z-index:10000;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:top var(--duration-fast) var(--ease-out);font-weight:600;text-decoration:none;position:absolute}.skip-nav:focus{top:var(--space-4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);font-weight:700;line-height:1.2}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.015em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch;line-height:1.7}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-accent-light);color:var(--color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}section{padding:var(--space-9) 0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.fade-up{opacity:0;transition:opacity var(--duration-entrance) var(--ease-out), transform var(--duration-entrance) var(--ease-out);transform:translateY(32px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-stagger>.fade-up:first-child{transition-delay:0s}.fade-up-stagger>.fade-up:nth-child(2){transition-delay:80ms}.fade-up-stagger>.fade-up:nth-child(3){transition-delay:.16s}.fade-up-stagger>.fade-up:nth-child(4){transition-delay:.24s}.fade-up-stagger>.fade-up:nth-child(5){transition-delay:.32s}.fade-up-stagger>.fade-up:nth-child(6){transition-delay:.4s}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 0%, var(--color-bg-alt) 40%, var(--color-border-light) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2);width:100%}.skeleton-text:last-child{width:60%}.skeleton-title{width:70%;height:1.5em;margin-bottom:var(--space-4)}.skeleton-avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton-card{border-radius:var(--radius-lg);height:200px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-accent);border:2px solid var(--color-accent);background:0 0}.btn-secondary:hover{background:var(--color-accent-light);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-lg);border-radius:var(--radius-lg)}.ripple{pointer-events:none;background:#ffffff59;border-radius:50%;animation:.6s ease-out ripple-anim;position:absolute;transform:scale(0)}@keyframes ripple-anim{to{opacity:0;transform:scale(4)}}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.input-field{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.input-field:hover{border-color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}.input-error{border-color:var(--color-error)!important}.error-message{font-size:var(--text-sm);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.bento-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.bento-grid--featured{gap:var(--space-5);grid-template-rows:auto;grid-template-columns:repeat(4,1fr);display:grid}.bento-item--wide{grid-column:span 2}.bento-item--tall{grid-row:span 2}.horizontal-scroll{gap:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-2) 0;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.horizontal-scroll>*{scroll-snap-align:start;flex-shrink:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fade-up{opacity:1;transform:none}}@media (max-width:640px){:root{--container-padding:var(--space-4)}section{padding:var(--space-7) 0}.bento-grid--featured{grid-template-columns:1fr}.bento-item--wide,.bento-item--tall{grid-area:span 1/span 1}}@media (min-width:641px) and (max-width:768px){.bento-grid--featured{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.bento-grid--featured{grid-template-columns:repeat(3,1fr)}}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero__orb{display:none}.hero__bg,[data-theme=dark] .hero__bg{background:linear-gradient(180deg, var(--color-bg-alt) 0%, var(--color-bg) 100%)}.hero__content{text-align:left;z-index:1;max-width:640px;margin:0;position:relative}@media (max-width:640px){.hero__content{text-align:center;margin:0 auto}}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-6);font-weight:600;display:inline-flex}.hero__title{margin-bottom:var(--space-5);line-height:1.1}.hero__title-accent{color:var(--color-accent)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 auto var(--space-7);max-width:560px}.hero__actions{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:640px){.hero__actions{justify-content:center}}.hero__trust{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}@media (max-width:640px){.hero__trust{justify-content:center}}.hero__trust i{color:var(--color-success)}.stats{padding:var(--space-7) 0;background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats__grid{gap:var(--space-6);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:640px){.stats__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.stat__number{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent);letter-spacing:-.02em;font-weight:800;display:block}.stat__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1);display:block}.section-header{text-align:left;margin-bottom:var(--space-8)}@media (max-width:640px){.section-header{text-align:center}}.section-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:700;display:inline-flex}.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0 auto}.bento-item{padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.bento-item__icon{font-size:var(--text-2xl);line-height:1}.bento-item__icon--purple{color:#7c3aed}.bento-item__icon--blue{color:#3b82f6}.bento-item__icon--green{color:#10b981}.bento-item__icon--orange{color:#f59e0b}.bento-item__icon--pink{color:#ec4899}.bento-item__icon--teal{color:#14b8a6}.bento-item h3{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700}.bento-item p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.how-it-works{background:var(--color-bg-alt)}.steps{justify-content:center;align-items:flex-start;gap:var(--space-5);display:flex}.step{text-align:center;max-width:240px;position:relative}.step__number{background:var(--color-accent);color:#fff;width:28px;height:28px;font-size:var(--text-xs);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.step__icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-2xl);color:var(--color-accent);transition:all var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex}.step:hover .step__icon{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.step h3{font-size:var(--text-base);font-family:var(--font-body);margin-bottom:var(--space-2)}.step p{font-size:var(--text-sm);color:var(--color-text-secondary)}.step__arrow{color:var(--color-text-tertiary);font-size:var(--text-xl);margin-top:36px}@media (max-width:640px){.steps{flex-direction:column;align-items:center}.step__arrow{margin-top:0;transform:rotate(90deg)}}.trust-badges{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;display:flex}.trust-badge i{color:var(--color-success)}.partners{text-align:center;margin-bottom:var(--space-7)}.partners__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5);font-weight:600}.partners__logos{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.partner-logo{padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-text-tertiary);opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.partner-logo:hover{opacity:1}.live-users{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.live-users__dot{border-radius:var(--radius-full);background:var(--color-success);width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.cta-section{padding:var(--space-9) 0}.cta-card{text-align:center;padding:var(--space-8) var(--space-7);background:var(--color-bg-alt);border:1px solid var(--color-border)}.cta-card h2{margin-bottom:var(--space-3)}.cta-card p{color:var(--color-text-secondary);margin:0 auto var(--space-6)}@media (max-width:640px){.bento-grid--featured{gap:var(--space-4);flex-direction:column;display:flex}.bento-item--wide{width:100%}}.page-form{min-height:100vh;padding-top:100px;padding-bottom:var(--space-8)}.page-form__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-7);display:flex}.page-form__back{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.page-form__back:hover{background:var(--color-bg-alt);transform:translate(-2px)}.page-form__progress{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.page-form__progress-bar{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.page-form__step{font-size:var(--text-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;font-weight:600}.page-form__content{max-width:640px;margin:0 auto}.page-form__content h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.page-form__content>p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.page-form__submit{width:100%;margin-top:var(--space-6)}.sector-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.sector-card{cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:0!important}.sector-card--selected{box-shadow:0 0 0 3px var(--color-accent-glow);border-color:var(--color-accent)!important}.sector-card__btn{width:100%;padding:var(--space-5) var(--space-4);align-items:center;gap:var(--space-3);cursor:pointer;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);background:0 0;border:none;flex-direction:column;font-weight:600;display:flex;position:relative}.sector-card__btn i:first-child{font-size:var(--text-2xl);color:var(--color-accent)}.sector-card__check{top:var(--space-2);right:var(--space-2);color:var(--color-accent);font-size:var(--text-lg);position:absolute}@media (max-width:480px){.sector-grid{grid-template-columns:repeat(2,1fr)}}.post-editor{overflow:hidden}.post-editor__toolbar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.post-editor__meta{align-items:center;gap:var(--space-3);display:flex}.post-editor__tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;display:inline-flex}.post-editor__count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.post-editor__actions{gap:var(--space-1);display:flex}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.post-editor__body{padding:var(--space-5);min-height:300px;max-height:600px;overflow-y:auto}.post-editor__textarea{width:100%;min-height:400px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);resize:vertical;background:0 0;border:none;outline:none;padding:0;line-height:1.8}.post-editor__preview{font-size:var(--text-sm);color:var(--color-text);line-height:1.8}.post-editor__preview p{margin-bottom:var(--space-2)}.post-editor__h2{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2);font-family:var(--font-body)}.post-editor__h3{font-size:var(--text-base);margin:var(--space-3) 0 var(--space-2);font-weight:700;font-family:var(--font-body)}.post-editor__preview li{padding-left:var(--space-4);margin-bottom:var(--space-1);list-style:inside}.post-editor__keywords{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.post-editor__keywords-label{font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.post-editor__keyword-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.post-editor__keyword{padding:var(--space-1) var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);animation:modal-fade-in .3s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;top:0;bottom:0;left:0;right:0}.modal{width:100%;max-width:440px;padding:var(--space-7);text-align:center;animation:modal-slide-up .3s var(--ease-out);position:relative}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__close{top:var(--space-4);right:var(--space-4);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.modal__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.modal__icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-xl);font-size:var(--text-2xl);color:var(--color-accent);justify-content:center;align-items:center;display:flex}.modal h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.modal__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.modal .input-group{text-align:left}.modal__submit{width:100%;margin-top:var(--space-4)}.modal__toggle{width:100%;margin-top:var(--space-2);font-size:var(--text-sm)}.modal__privacy{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-4);display:flex}.modal__privacy i{color:var(--color-success)}.sample-skeleton{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-5)}.sample-preview{margin-top:var(--space-5);overflow:hidden}.sample-preview__header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.sample-preview__tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);margin-right:var(--space-2);font-weight:600;display:inline-flex}.sample-preview__tag--info{color:var(--color-info);background:#3b82f61a}.sample-preview__content{padding:var(--space-5);max-height:500px;position:relative;overflow-y:auto}.sample-preview__content pre{font-family:var(--font-body);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;color:var(--color-text);line-height:1.8}.sample-preview__fade{background:linear-gradient(transparent, var(--glass-bg));pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.sample-unlock{align-items:center;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-4);border:2px dashed var(--color-accent);background:var(--color-accent-light);display:flex}.sample-unlock>i{font-size:var(--text-2xl);color:var(--color-accent)}.sample-unlock h3{font-size:var(--text-base);font-family:var(--font-body);margin-bottom:var(--space-1)}.sample-unlock p{font-size:var(--text-sm);color:var(--color-text-secondary)}.sample-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.sample-actions .btn{flex:1}@media (max-width:640px){.sample-unlock{text-align:center;flex-direction:column}.sample-actions{flex-direction:column}}.autocomplete-list{z-index:var(--z-dropdown);margin-top:var(--space-1);padding:var(--space-1);max-height:240px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.autocomplete-item:hover{background:var(--color-bg-alt)}.autocomplete-item i{color:var(--color-accent);font-size:var(--text-xs)}.login-page{min-height:100vh;padding:var(--space-8) 0;background:var(--color-bg);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:440px;padding:var(--space-7);margin:0 auto}.login-card__header{text-align:center;margin-bottom:var(--space-6)}.login-card__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-5);font-weight:800;text-decoration:none;display:inline-flex}.login-card__logo i{color:var(--color-accent)}.login-card__header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.login-card__header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.login-card__form{gap:var(--space-4);flex-direction:column;display:flex}.input-icon-wrap{position:relative}.input-icon{color:var(--color-text-tertiary);font-size:var(--text-sm);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-field--icon{padding-left:44px}.login-card__submit{width:100%;margin-top:var(--space-2)}.login-card__footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.login-card__footer p{font-size:var(--text-sm);color:var(--color-text-secondary)}.link-btn{color:var(--color-accent);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.link-btn:hover{text-decoration:underline}.dashboard{min-height:100vh;padding-top:100px;padding-bottom:var(--space-8)}.dashboard__header{margin-bottom:var(--space-7);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard__header h1{font-size:var(--text-2xl)}.dashboard__welcome{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.dashboard__grid{gap:var(--space-5);grid-template-columns:380px 1fr;align-items:start;display:grid}@media (max-width:900px){.dashboard__grid{grid-template-columns:1fr}}.dashboard__form-card{padding:var(--space-6)}.dashboard__form-card h2{font-size:var(--text-lg);font-family:var(--font-body);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);display:flex}.dashboard__form-card h2 i{color:var(--color-accent)}.dashboard__form{gap:var(--space-4);flex-direction:column;display:flex}.dashboard__form select.input-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.dashboard__stats{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dashboard__stat{align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.dashboard__stat i{font-size:var(--text-xl);color:var(--color-accent)}.dashboard__stat-number{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;display:block}.dashboard__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dashboard__loading{min-height:400px}.dashboard__empty{text-align:center;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:400px;display:flex}.dashboard__empty i{color:var(--color-text-tertiary);opacity:.4;font-size:48px}.dashboard__empty h3{font-size:var(--text-lg);font-family:var(--font-body)}.dashboard__empty p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:300px}.dashboard__history{margin-top:var(--space-8)}.dashboard__history h2{font-size:var(--text-xl);font-family:var(--font-body);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);display:flex}.dashboard__history h2 i{color:var(--color-accent)}.dashboard__history-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.dashboard__history-empty{text-align:center;padding:var(--space-7);color:var(--color-text-secondary)}.dashboard__history-card{gap:var(--space-2);padding:var(--space-4);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-body);background:var(--glass-bg);border:2px solid #0000;flex-direction:column;display:flex}.dashboard__history-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__history-card--active{box-shadow:0 0 0 3px var(--color-accent-glow);border-color:var(--color-accent)!important}.dashboard__history-card-header{justify-content:space-between;align-items:center;display:flex}.dashboard__history-sector{padding:var(--space-1) var(--space-2);background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.dashboard__history-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.dashboard__history-card h4{font-size:var(--text-base);font-family:var(--font-body)}.dashboard__history-card p{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.dashboard__history-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.dashboard__history-tags span{padding:2px var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-size:11px}@media (max-width:640px){.dashboard__history-grid,.dashboard__stats{grid-template-columns:1fr}}.header{z-index:var(--z-sticky);padding:var(--space-4) 0;transition:all var(--duration-base) var(--ease-out);position:fixed;top:0;left:0;right:0}.header--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);padding:var(--space-3) 0}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:flex}.header__logo-icon{font-size:var(--text-xl);color:var(--color-accent)}.header__logo-text{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:800}.header__nav{display:none}@media (min-width:769px){.header__nav{display:block}}.header__nav-list{gap:var(--space-1);list-style:none;display:flex}.header__nav-link{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-weight:500}.header__nav-link:hover,.header__nav-link.active{color:var(--color-text);background:var(--color-bg-alt)}.header__actions{align-items:center;gap:var(--space-2);display:flex}.header__theme-btn{border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-lg);padding:0}.header__cta,.header__cta-secondary{display:none}@media (min-width:769px){.header__cta,.header__cta-secondary{display:inline-flex}}.header__hamburger{padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:flex}@media (min-width:769px){.header__hamburger{display:none}}.hamburger-line{background:var(--color-text);width:22px;height:2px;transition:all var(--duration-base) var(--ease-out);transform-origin:50%;border-radius:2px;display:block}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-overlay{z-index:calc(var(--z-sticky) - 1);background:var(--color-bg);justify-content:center;align-items:center;gap:var(--space-7);opacity:0;visibility:hidden;transition:all var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-overlay--open{opacity:1;visibility:visible}.mobile-overlay__nav ul{gap:var(--space-5);text-align:center;flex-direction:column;list-style:none;display:flex}.mobile-overlay__item{opacity:0;transition:all var(--duration-slow) var(--ease-out);transform:translateY(20px)}.mobile-overlay--open .mobile-overlay__item{opacity:1;transform:translateY(0)}.mobile-overlay__link{justify-content:center;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);font-weight:700;text-decoration:none;display:flex}.mobile-overlay__link:hover{color:var(--color-accent)}.mobile-overlay__theme{font-size:var(--text-lg);gap:var(--space-2)}@media (min-width:769px){.mobile-overlay{display:none}}.footer{padding:var(--space-8) 0 var(--space-6);background:var(--color-bg-alt);border-top:1px solid var(--color-border)}.footer__grid{gap:var(--space-7);margin-bottom:var(--space-7);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (max-width:768px){.footer__grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2}}@media (max-width:480px){.footer__grid{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}.footer__logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:800;text-decoration:none;display:inline-flex}.footer__logo i{color:var(--color-accent)}.footer__desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.footer__links h4{font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text);font-weight:700}.footer__links ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer__links a{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);padding:var(--space-2) 0;min-height:44px;line-height:1.8;display:inline-block}.footer__links a:hover{color:var(--color-accent)}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.footer__bottom p{font-size:var(--text-xs);color:var(--color-text-tertiary)}.footer__social{gap:var(--space-4);display:flex}.footer__social a{border-radius:var(--radius-full);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.footer__social a:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}@media (max-width:480px){.footer__bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.spotlight-card{--spotlight-x:50%;--spotlight-y:50%;--spotlight-opacity:0;position:relative;overflow:hidden}.spotlight-card__glow{pointer-events:none;background:radial-gradient(400px circle at var(--spotlight-x) var(--spotlight-y), var(--color-accent-glow), transparent 60%);opacity:var(--spotlight-opacity);transition:opacity var(--duration-base) var(--ease-out);z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.spotlight-card>:not(.spotlight-card__glow){z-index:1;position:relative}