*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-elevated:#111113;--bg-surface:#18181b;--bg-surface-hover:#27272a;--bg-glass:rgba(18,18,18,0.72);--bg-glass-hover:rgba(30,30,30,0.82);--border-primary:#27272a;--border-subtle:#1e1e21;--border-accent:rgba(0,204,255,0.2);--border-glow:rgba(0,204,255,0.35);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#000000;--brand-cyan:#00CCFF;--brand-pink:#fc5c7d;--brand-purple:#a855f7;--brand-green:#22c55e;--brand-orange:#f97316;--brand-blue:#3b82f6;--gradient-primary:linear-gradient(135deg,#00CCFF,#a855f7);--gradient-accent:linear-gradient(135deg,#00CCFF 0%,#fc5c7d 100%);--gradient-hero:linear-gradient(135deg,#00CCFF 0%,#a855f7 50%,#fc5c7d 100%);--gradient-surface:linear-gradient(135deg,rgba(0,204,255,0.08),rgba(168,85,247,0.08));--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));--radius-pill:9999px;--radius-card:18px;--radius-lg:14px;--radius-md:12px;--radius-sm:8px;--radius-xs:6px;--font-heading:'Manrope','Inter',system-ui,-apple-system,sans-serif;--font-body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'SF Mono','Fira Code','Cascadia Code',monospace;--fs-display:clamp(2.5rem,5vw,4rem);--fs-h1:clamp(2rem,4vw,3rem);--fs-h2:clamp(1.5rem,3vw,2.25rem);--fs-h3:clamp(1.25rem,2vw,1.5rem);--fs-h4:1.125rem;--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.7;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.35s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 30px rgba(0,0,0,0.5);--shadow-xl:0 16px 50px rgba(0,0,0,0.6);--shadow-glow:0 0 40px rgba(0,204,255,0.08);--shadow-glow-sm:0 0 20px rgba(0,204,255,0.06);--shadow-glow-lg:0 0 80px rgba(0,204,255,0.1);--shadow-glow-pink:0 0 40px rgba(252,92,125,0.08);--shadow-glow-purple:0 0 40px rgba(168,85,247,0.08);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--header-height:72px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-primary)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}a{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#33d6ff}img,video,svg{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}ul,ol{list-style:none}::selection{background:rgba(0,204,255,0.3);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-xl)}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--2xl{max-width:var(--container-2xl)}.section{padding:var(--space-5xl) 0}.section--sm{padding:var(--space-3xl) 0}.section__header{text-align:center;margin-bottom:var(--space-3xl)}.section__title{font-size:var(--fs-h2);font-weight:var(--fw-extrabold);margin-bottom:var(--space-md)}.section__subtitle{font-size:var(--fs-body);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--lh-relaxed)}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text--cyan{background:linear-gradient(135deg,#00CCFF,#33d6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:var(--fw-semibold);line-height:1;white-space:nowrap;border-radius:var(--radius-pill);transition:all var(--transition-normal);position:relative;overflow:hidden}.btn--sm{padding:8px 18px;font-size:var(--fs-sm)}.btn--md{padding:12px 28px;font-size:var(--fs-body)}.btn--lg{padding:16px 36px;font-size:var(--fs-body)}.btn--xl{padding:18px 44px;font-size:1.0625rem}.btn--primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-glow-sm)}.btn--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px);filter:brightness(1.05)}.btn--primary:active{transform:translateY(0);filter:brightness(0.95)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-primary)}.btn--secondary:hover{background:var(--bg-surface-hover);border-color:rgba(255,255,255,0.14);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.btn--outline:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--text-primary);background:rgba(255,255,255,0.05)}.btn--block{width:100%}.btn--icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.btn--icon.btn--sm{width:36px;height:36px}.btn--disabled,.btn:disabled{opacity:0.5;pointer-events:none;cursor:not-allowed}.card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-card);padding:var(--space-xl);transition:all var(--transition-normal)}.card--glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08)}.card--glass:hover{background:var(--bg-glass-hover);border-color:rgba(255,255,255,0.14)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,0.14)}.card--glow:hover{box-shadow:var(--shadow-glow)}.card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);background:var(--gradient-surface)}.card__icon svg{width:24px;height:24px;color:var(--brand-cyan)}.card__title{font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.card__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.input{width:100%;padding:14px 18px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-body);transition:all var(--transition-fast)}.input:focus{border-color:var(--brand-cyan);box-shadow:0 0 0 3px rgba(0,204,255,0.15);background:var(--bg-elevated)}.input::placeholder{color:var(--text-muted)}.input--error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.15)}.input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-group__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay--active{opacity:1;visibility:visible}.modal{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-card);padding:var(--space-2xl);max-width:500px;width:90%;max-height:85vh;overflow-y:auto;transform:scale(0.95) translateY(10px);transition:transform var(--transition-normal)}.modal-overlay--active .modal{transform:scale(1) translateY(0)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.modal__title{font-size:var(--fs-h3);font-weight:var(--fw-bold)}.modal__close{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.modal__close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.accordion{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion__item{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-normal)}.accordion__item--active{border-color:var(--border-accent)}.accordion__trigger{width:100%;padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--bg-surface);font-weight:var(--fw-medium);color:var(--text-primary);text-align:left;transition:background var(--transition-fast)}.accordion__trigger:hover{background:var(--bg-surface-hover)}.accordion__trigger svg{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-normal);flex-shrink:0}.accordion__item--active .accordion__trigger svg{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--transition-smooth)}.accordion__item--active .accordion__content{max-height:500px}.accordion__body{padding:0 var(--space-xl) var(--space-xl);color:var(--text-secondary);line-height:var(--lh-relaxed);font-size:var(--fs-sm)}.tabs{display:flex;flex-direction:column}.tabs__list{display:flex;gap:var(--space-xs);padding:4px;background:var(--bg-surface);border-radius:var(--radius-pill);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast)}.tabs__trigger:hover{color:var(--text-primary);background:rgba(255,255,255,0.05)}.tabs__trigger--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tabs__content{display:none;padding-top:var(--space-xl)}.tabs__content--active{display:block;animation:tabFadeIn 0.3s ease}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:0.05em}.badge--premium{background:rgba(0,204,255,0.1);color:var(--brand-cyan);border:1px solid rgba(0,204,255,0.2)}.badge--free{background:rgba(255,255,255,0.05);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge--save{background:rgba(34,197,94,0.1);color:var(--brand-green);border:1px solid rgba(34,197,94,0.2)}.badge--new{background:rgba(249,115,22,0.1);color:var(--brand-orange);border:1px solid rgba(249,115,22,0.2)}.divider{height:1px;background:var(--border-primary);margin:var(--space-xl) 0}.divider--text{display:flex;align-items:center;gap:var(--space-lg);color:var(--text-muted);font-size:var(--fs-sm)}.divider--text::before,.divider--text::after{content:'';flex:1;height:1px;background:var(--border-primary)}.strength-bar{height:4px;border-radius:var(--radius-pill);background:var(--bg-surface);overflow:hidden;margin-top:var(--space-sm)}.strength-bar__fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition-normal),background var(--transition-normal)}.strength-bar--weak .strength-bar__fill{width:25%;background:#ef4444}.strength-bar--fair .strength-bar__fill{width:50%;background:#f97316}.strength-bar--good .strength-bar__fill{width:75%;background:#eab308}.strength-bar--strong .strength-bar__fill{width:100%;background:var(--brand-green)}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);color:var(--text-primary);font-size:var(--fs-sm);box-shadow:var(--shadow-lg);z-index:9999;transform:translateY(20px);opacity:0;transition:all var(--transition-normal)}.toast--visible{transform:translateY(0);opacity:1}.toast--success{border-color:rgba(34,197,94,0.3)}.toast--error{border-color:rgba(239,68,68,0.3)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text-inverse);flex-shrink:0}.avatar--sm{width:32px;height:32px;font-size:var(--fs-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--fs-body)}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:skeleton 1.5s ease infinite;border-radius:var(--radius-sm)}.spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:var(--brand-cyan);border-radius:50%;animation:spin 0.6s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--lg{width:40px;height:40px;border-width:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes tabFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(0,204,255,0.06)}50%{box-shadow:0 0 30px rgba(0,204,255,0.12)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes modalFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{to{background-position:-200% 0}}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.animate-fade-in--visible{opacity:1;transform:translateY(0)}.animate-fade-in--delay-1{transition-delay:0.1s}.animate-fade-in--delay-2{transition-delay:0.2s}.animate-fade-in--delay-3{transition-delay:0.3s}.animate-fade-in--delay-4{transition-delay:0.4s}.animate-scale-in{opacity:0;transform:scale(0.95);transition:opacity 0.5s ease,transform 0.5s ease}.animate-scale-in--visible{opacity:1;transform:scale(1)}@media(max-width:1280px){.container{padding:0 var(--space-lg)}}@media(max-width:1024px){.section{padding:var(--space-4xl) 0}}@media(max-width:768px){:root{--header-height:64px}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.section__header{margin-bottom:var(--space-2xl)}.btn--xl{padding:14px 32px;font-size:var(--fs-body)}.btn--lg{padding:14px 28px}.modal{padding:var(--space-xl);width:95%}}@media(max-width:480px){.section{padding:var(--space-2xl) 0}.btn--lg{padding:12px 24px;font-size:var(--fs-sm)}.card{padding:var(--space-lg)}}