:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-accent-400: #a78bfa;--color-accent-500: #8b5cf6;--color-accent-600: #7c3aed;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--bg-body: #f0f4f8;--bg-surface: #ffffff;--bg-surface-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-strong: rgba(255, 255, 255, .88);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-400);--text-inverse: #ffffff;--gradient-primary: linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600));--gradient-primary-soft: linear-gradient(135deg, var(--color-primary-50), var(--color-primary-100));--gradient-hero: linear-gradient(160deg, #0f172a 0%, #1e3a8a 40%, #7c3aed 100%);--gradient-card-hover: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .18);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-accent: 0 0 30px rgba(124, 58, 237, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-header: 200;--z-modal: 300;--z-toast: 400;--container-max: 1200px;--container-narrow: 800px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;right:-30%;width:80vw;height:80vw;max-width:900px;max-height:900px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;bottom:-40%;left:-20%;width:70vw;height:70vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(124,58,237,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.015em}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressBar{0%{width:0%}to{width:100%}}.animate-fade-in{animation:fadeIn var(--transition-base) both}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.animate-fade-in-scale{animation:fadeInScale .4s cubic-bezier(.16,1,.3,1) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:80ms}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.24s}.stagger>*:nth-child(5){animation-delay:.32s}.stagger>*:nth-child(6){animation-delay:.4s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{padding:0 var(--space-4)}.section{padding:var(--space-10) 0}}.header{position:sticky;top:0;z-index:var(--z-header);background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow var(--transition-base)}.header--scrolled{box-shadow:var(--shadow-md)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-primary);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo-icon{width:36px;height:36px;border-radius:var(--radius-sm)}.header__logo-text span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__nav{display:flex;align-items:center;gap:var(--space-1)}.header__nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.header__nav-link:hover,.header__nav-link--active{color:var(--color-primary-600);background:var(--color-primary-50)}.header__menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.header__menu-btn:hover{background:var(--color-gray-100)}.header__menu-btn svg{width:24px;height:24px;stroke:var(--text-primary)}.header__mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);padding:var(--space-4);animation:slideDown .2s ease both}.header__mobile-nav--open{display:flex;flex-direction:column;gap:var(--space-1)}.header__mobile-nav .header__nav-link{display:block;padding:var(--space-3) var(--space-4)}@media (max-width: 768px){.header__nav{display:none}.header__menu-btn{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;transition:all var(--transition-base);white-space:nowrap;min-height:48px;position:relative;overflow:hidden}.btn--primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-md),0 2px 8px #2563eb40}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px #2563eb59}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.btn--secondary:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700)}.btn--success{background:var(--color-success);color:var(--text-inverse);box-shadow:var(--shadow-md),0 2px 8px #10b98140}.btn--success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px #10b98159}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);min-height:56px;border-radius:var(--radius-lg)}.btn--full{width:100%}.btn--icon{width:48px;padding:0}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-200)}.card__body{padding:var(--space-6)}.card__icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:28px}.card__icon--blue{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200));color:var(--color-primary-600)}.card__icon--violet{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:var(--color-accent-600)}.card__icon--green{background:linear-gradient(135deg,var(--color-success-light),#a7f3d0);color:var(--color-success)}.card__icon--amber{background:linear-gradient(135deg,var(--color-warning-light),#fde68a);color:var(--color-warning)}.card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card__specs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.card__spec{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.upload-area{border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-surface);position:relative}.upload-area:hover,.upload-area--dragover{border-color:var(--color-primary-400);background:var(--color-primary-50);box-shadow:var(--shadow-glow)}.upload-area--dragover{transform:scale(1.01)}.upload-area__icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--gradient-primary-soft);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.upload-area__icon svg{width:32px;height:32px;color:var(--color-primary-500)}.upload-area__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.upload-area__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.upload-area__input{display:none}.editor{display:grid;grid-template-columns:1fr 380px;gap:var(--space-6);animation:fadeInUp .5s ease both}.editor__preview{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;position:relative}.editor__preview-canvas{max-width:100%;max-height:500px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.editor__preview-label{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.editor__sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.editor__panel{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);padding:var(--space-5)}.editor__panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-4)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.toggle+.toggle{border-top:1px solid var(--color-gray-100)}.toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.toggle__switch{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.toggle__switch--active{background:var(--color-primary-500)}.toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle__switch--active:after{transform:translate(20px)}.status-list{display:flex;flex-direction:column;gap:var(--space-2)}.status-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-gray-50)}.status-item--pass{background:var(--color-success-light);color:#065f46}.status-item--fail{background:var(--color-error-light);color:#991b1b}.status-item__icon{flex-shrink:0;width:18px;height:18px}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);min-height:44px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #3b82f626}.progress-bar{height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width var(--transition-base)}.spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .6s linear infinite}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--success{background:var(--color-success-light);color:#065f46}.ad-slot{background:var(--color-gray-50);border:1px dashed var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-xs);min-height:90px;display:flex;align-items:center;justify-content:center}.ad-slot--sidebar{min-height:250px}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-12) 0 var(--space-6);margin-top:var(--space-16)}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10)}.footer__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-3)}.footer__brand-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-400);max-width:320px}.footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-200);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__link{display:block;font-size:var(--font-size-sm);color:var(--color-gray-400);padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary-400)}.footer__bottom{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-gray-800);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.validation-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.validation-banner--pass{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.validation-banner--warn{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.validation-banner__icon{font-size:28px;flex-shrink:0}.validation-banner__text{display:flex;flex-direction:column;gap:2px}.validation-banner__text strong{font-size:var(--font-size-base)}.validation-banner__text span{opacity:.8}.editor__preview-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:3px}.editor__preview-tab{padding:var(--space-2) var(--space-4);border-radius:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:none;border:none;font-family:inherit}.editor__preview-tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.editor__preview-tab:hover:not(.editor__preview-tab--active){color:var(--text-primary)}.share-buttons{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);padding:var(--space-5)}.share-buttons__row{display:flex;gap:var(--space-3)}.share-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.share-btn svg{width:20px;height:20px}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn--whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-btn--twitter:hover{background:#000;color:#fff;border-color:#000}.share-btn--copy:hover{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.specs-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-gray-200);margin:var(--space-4) 0;font-size:var(--font-size-sm)}.specs-table thead{background:var(--color-gray-50)}.specs-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--color-gray-200)}.specs-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--color-gray-100)}.specs-table tbody tr:last-child td{border-bottom:none}.specs-table tbody tr:hover{background:var(--color-primary-50)}.errors-grid{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.error-card{background:var(--bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.error-card__error{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error);font-size:var(--font-size-sm)}.error-card__fix{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding-left:var(--space-1)}.error-card__icon{flex-shrink:0;font-size:16px}.related-grid{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.related-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.related-card:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);transform:translate(4px);box-shadow:var(--shadow-sm)}.related-card__icon{font-size:28px;flex-shrink:0}.related-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.related-card__info strong{font-size:var(--font-size-sm);color:var(--text-primary)}.related-card__info span{font-size:var(--font-size-xs);color:var(--text-secondary)}.related-card__arrow{font-size:var(--font-size-lg);color:var(--color-primary-400);flex-shrink:0;transition:transform var(--transition-fast)}.related-card:hover .related-card__arrow{transform:translate(4px)}@media (max-width: 768px){.editor{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:var(--space-8)}.footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}.validation-banner{flex-direction:column;text-align:center}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-gray-900);color:#fff;padding:var(--space-4) var(--space-6);z-index:9999;box-shadow:0 -4px 20px #0000001a;animation:slideUp .5s ease both}.cookie-banner__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.cookie-banner__content p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-300);margin:0}.cookie-banner__content a{color:var(--color-primary-400);text-decoration:underline}.cookie-banner__actions{display:flex;gap:var(--space-3);flex-shrink:0}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.cookie-banner__inner{flex-direction:column;align-items:stretch;gap:var(--space-4)}.cookie-banner__actions{justify-content:stretch}.cookie-banner__actions .btn{flex:1}}.legal-page{padding-bottom:var(--space-12)}.legal-page h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{background:var(--gradient-hero);color:#fff;padding:var(--space-20) 0 var(--space-16);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.2) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.15) 0%,transparent 50%);pointer-events:none}.hero:after{content:"";position:absolute;width:300px;height:300px;top:-80px;right:-80px;background:#7c3aed1f;border-radius:50%;filter:blur(60px);pointer-events:none}.hero__content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .6s ease both}.hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-5);color:#fff;animation:fadeInUp .6s ease .1s both;letter-spacing:-.03em}.hero__title-accent{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--font-size-lg);color:#ffffffb3;max-width:560px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed);animation:fadeInUp .6s ease .2s both}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;animation:fadeInUp .6s ease .3s both}@media (max-width: 768px){.hero{padding:var(--space-12) 0 var(--space-10)}.hero__title{font-size:var(--font-size-3xl)}.hero__subtitle{font-size:var(--font-size-base)}.hero__actions{flex-direction:column;align-items:center}}.options-section{padding:var(--space-16) 0}.options-section__title{text-align:center;margin-bottom:var(--space-3)}.options-section__subtitle{text-align:center;max-width:520px;margin:0 auto var(--space-10);font-size:var(--font-size-base)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.option-card{cursor:pointer;text-decoration:none}.option-card .card{height:100%}.converter-page{padding:var(--space-10) 0 var(--space-16)}.converter-page__header{text-align:center;margin-bottom:var(--space-10);animation:fadeInUp .5s ease both}.converter-page__breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.converter-page__breadcrumb a{color:var(--color-primary-500);transition:color var(--transition-fast)}.converter-page__breadcrumb a:hover{color:var(--color-primary-700)}.converter-page__title{margin-bottom:var(--space-3)}.converter-page__desc{max-width:600px;margin:0 auto;font-size:var(--font-size-base)}.converter-page__requirements{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.converter-page__req-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xs)}.how-it-works{padding:var(--space-12) 0;background:var(--gradient-primary-soft);border-radius:var(--radius-2xl);margin:var(--space-10) 0}.how-it-works__title{text-align:center;margin-bottom:var(--space-10)}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.how-it-works__step{text-align:center}.how-it-works__step-num{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin:0 auto var(--space-4);box-shadow:0 4px 12px #2563eb4d}.how-it-works__step-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.how-it-works__step-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width: 768px){.how-it-works__steps{grid-template-columns:1fr;gap:var(--space-6)}}.seo-content{padding:var(--space-12) 0}.seo-content h2{margin-bottom:var(--space-4)}.seo-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.seo-content p{margin-bottom:var(--space-4);max-width:680px}.seo-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.seo-content li{list-style:disc;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}.weight-control{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.weight-control__slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--color-gray-200);border-radius:var(--radius-full);outline:none}.weight-control__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary-500);cursor:pointer;box-shadow:var(--shadow-md)}.weight-control__slider::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--color-primary-500);cursor:pointer;box-shadow:var(--shadow-md)}.weight-control__value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);min-width:60px;text-align:right}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);padding:var(--space-4) var(--space-6);background:var(--color-gray-900);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-2xl);animation:fadeInUp .3s ease both;display:flex;align-items:center;gap:var(--space-3)}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-error)}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);z-index:10;animation:fadeIn .2s ease both}.processing-overlay__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}