:root{color-scheme:dark;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;--font-display: "Fraunces", Georgia, serif;--brand-50: #eef2ff;--brand-100: #e0e7ff;--brand-200: #c7d2fe;--brand-300: #a5b4fc;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--brand-700: #4338ca;--brand-800: #3730a3;--brand-900: #312e81;--brand-950: #1e1b4b;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--color-bg: #06091A;--color-surface: #0E1427;--color-surface-2: #162038;--color-surface-3: #1F2B45;--color-border: rgba(99, 102, 241, .18);--color-border-soft: rgba(255, 255, 255, .07);--color-text: #F1F5F9;--color-muted: #94A3B8;--color-muted-2: #64748B;--color-brand: #6366F1;--color-brand-strong: #4F46E5;--color-brand-light: #818CF8;--color-brand-glow: rgba(99, 102, 241, .25);--color-accent: #F59E0B;--color-accent-strong: #D97706;--color-accent-glow: rgba(245, 158, 11, .2);--color-focus: #818CF8;--color-line: rgba(255, 255, 255, .08);--color-soft: rgba(99, 102, 241, .08);--color-success: #10B981;--color-success-soft: rgba(16, 185, 129, .12);--color-error: #EF4444;--color-error-soft: rgba(239, 68, 68, .12);--color-info: #3B82F6;--color-info-soft: rgba(59, 130, 246, .12);--radius-xs: 4px;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow: 0 8px 28px rgba(0, 0, 0, .45);--shadow-brand: 0 4px 24px rgba(99, 102, 241, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .55);--shadow-glow: 0 0 60px rgba(99, 102, 241, .12);--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;--font-size-xs: .72rem;--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;--transition: .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{background:var(--color-brand);border-radius:var(--radius-sm);color:#fff;font-weight:700;left:12px;padding:10px 16px;position:absolute;text-decoration:none;top:-56px;z-index:100;transition:top var(--transition)}.skip-link:focus-visible{top:12px}.site-header{align-items:center;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#06091ad9;border-bottom:1px solid var(--color-border-soft);display:flex;gap:12px;justify-content:space-between;left:0;padding:0 24px;position:sticky;right:0;top:0;z-index:50;height:60px}.brand{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:1.3rem;font-weight:700;gap:8px;letter-spacing:-.01em;text-decoration:none}.brand-icon{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-light));border-radius:var(--radius-sm);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;height:28px;width:28px}.site-nav{display:flex;align-items:center;gap:4px}.nav-link{border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--font-size-sm);font-weight:600;padding:6px 12px;text-decoration:none;transition:color var(--transition),background var(--transition);white-space:nowrap}.nav-link:hover{color:var(--color-text);background:var(--color-border-soft)}.nav-link.active{color:var(--color-brand-light)}.header-actions{align-items:center;display:flex;gap:8px;flex-shrink:0}.lang-switch{background:var(--color-border-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;font:inherit;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;padding:5px 10px;text-transform:uppercase;transition:color var(--transition),border-color var(--transition)}.lang-switch:hover{color:var(--color-text);border-color:var(--color-border)}.btn-premium-header{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:var(--font-size-xs);font-weight:700;gap:4px;padding:6px 14px;text-decoration:none;transition:opacity var(--transition),box-shadow var(--transition);white-space:nowrap}.btn-premium-header:hover{opacity:.9;box-shadow:0 4px 16px var(--color-accent-glow)}.hamburger{background:none;border:none;color:var(--color-muted);cursor:pointer;display:none;padding:6px;font-size:1.4rem}.mobile-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);display:none;flex-direction:column;padding:12px 24px 16px;position:sticky;top:60px;z-index:49}.mobile-nav.open{display:flex}.mobile-nav .nav-link{padding:10px 8px;font-size:1rem}main{flex:1;margin:0 auto;max-width:1200px;padding:32px 24px 64px;width:100%}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin-top:0}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.05}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;line-height:1.2;margin-bottom:8px}h3{font-size:1.15rem;font-weight:600;line-height:1.3;margin-bottom:6px}p{margin-top:0;line-height:1.7}.planner-hero{padding:40px 0 32px;text-align:center}.planner-hero .eyebrow{color:var(--color-brand-light);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.planner-hero h1{background:linear-gradient(135deg,#fff 0%,var(--color-brand-light) 60%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.planner-hero .subtitle{color:var(--color-muted);font-size:1.1rem;margin:0 auto 32px;max-width:600px}.trust-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.trust-badge{align-items:center;background:var(--color-border-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-muted);display:flex;font-size:var(--font-size-xs);font-weight:600;gap:6px;padding:5px 12px}.planner-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow),var(--shadow-lg);padding:28px;max-width:860px;margin:0 auto}.planner-form-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.planner-form-full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.form-field input,.form-field select{background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius);color:var(--color-text);font:inherit;font-size:var(--font-size-base);padding:11px 14px;transition:border-color var(--transition),box-shadow var(--transition)}.form-field input:focus-visible,.form-field select:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-glow);outline:none}.form-field input::placeholder{color:var(--color-muted-2)}.interest-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.interest-tag{background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:6px 14px;transition:all var(--transition)}.interest-tag:hover{border-color:var(--color-brand);color:var(--color-brand-light)}.interest-tag.selected{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand-light)}.btn-generate{align-items:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));border:none;border-radius:var(--radius);box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px 28px;transition:opacity var(--transition),box-shadow var(--transition),transform var(--transition);width:100%}.btn-generate:hover{opacity:.92;box-shadow:0 6px 32px #6366f18c}.btn-generate:active{transform:scale(.99)}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.btn-generate .spinner{animation:spin .8s linear infinite;height:16px;width:16px}@keyframes spin{to{transform:rotate(360deg)}}.itinerary-result{margin-top:40px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.itinerary-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 280px}.trip-overview{background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-3));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.trip-overview-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:16px}.trip-stat{display:flex;flex-direction:column;gap:2px}.trip-stat-label{color:var(--color-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trip-stat-value{color:var(--color-text);font-family:var(--font-display);font-size:1.2rem;font-weight:600}.day-tabs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-bottom:20px}.day-tabs::-webkit-scrollbar{display:none}.day-tab{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius);color:var(--color-muted);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font:inherit;font-size:var(--font-size-xs);font-weight:700;gap:2px;padding:10px 16px;text-transform:uppercase;transition:all var(--transition)}.day-tab:hover{border-color:var(--color-brand);color:var(--color-brand-light)}.day-tab.active{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand-light)}.day-tab-num{font-size:1rem;font-family:var(--font-display)}.day-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);overflow:hidden}.day-card-header{background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-3));border-bottom:1px solid var(--color-border-soft);padding:20px 24px}.day-theme{align-items:center;display:flex;gap:10px}.day-theme-emoji{font-size:1.5rem}.day-theme h3{font-size:1.2rem;margin:0}.day-theme p{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.day-slots{display:flex;flex-direction:column}.day-slot{align-items:flex-start;border-bottom:1px solid var(--color-border-soft);display:flex;gap:16px;padding:20px 24px}.day-slot:last-child{border-bottom:none}.slot-time{background:var(--color-surface-2);border-radius:var(--radius-sm);color:var(--color-muted);flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;padding:4px 10px;text-align:center;text-transform:uppercase;width:76px}.slot-time.morning{color:#f59e0b;border:1px solid rgba(245,158,11,.2);background:#f59e0b0f}.slot-time.afternoon{color:#3b82f6;border:1px solid rgba(59,130,246,.2);background:#3b82f60f}.slot-time.evening{color:#8b5cf6;border:1px solid rgba(139,92,246,.2);background:#8b5cf60f}.slot-time.lunch,.slot-time.dinner{color:#10b981;border:1px solid rgba(16,185,129,.2);background:#10b9810f}.slot-content{flex:1}.slot-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:700;margin-bottom:4px}.slot-desc{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.6;margin:0}.slot-meta{align-items:center;display:flex;gap:12px;margin-top:8px}.slot-tag{background:var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.slot-price{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700}.day-tip{background:#6366f10f;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-muted);display:flex;gap:10px;font-size:var(--font-size-sm);margin:16px 24px 20px;padding:12px 16px}.day-tip-icon{color:var(--color-brand-light);flex-shrink:0}.affiliate-sidebar{display:flex;flex-direction:column;gap:16px}.affiliate-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.affiliate-card:hover{border-color:var(--color-border)}.affiliate-card-header{align-items:center;background:var(--color-surface-2);border-bottom:1px solid var(--color-border-soft);display:flex;gap:10px;padding:14px 16px}.affiliate-logo{font-size:1.2rem}.affiliate-card-header h4{font-size:var(--font-size-sm);margin:0}.affiliate-card-header p{color:var(--color-muted);font-size:var(--font-size-xs);margin:0}.affiliate-card-body{padding:14px 16px}.affiliate-price{color:var(--color-accent);font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:10px}.btn-affiliate{align-items:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:var(--font-size-sm);font-weight:700;gap:6px;justify-content:center;padding:10px 16px;text-decoration:none;transition:opacity var(--transition);width:100%}.btn-affiliate:hover{opacity:.88}.btn-affiliate-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-muted);margin-top:8px}.btn-affiliate-secondary:hover{border-color:var(--color-brand);color:var(--color-brand-light)}.budget-summary{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:16px}.budget-row{align-items:center;border-bottom:1px solid var(--color-border-soft);display:flex;justify-content:space-between;padding:8px 0;font-size:var(--font-size-sm)}.budget-row:last-child{border-bottom:none}.budget-row-label{color:var(--color-muted)}.budget-row-value{color:var(--color-text);font-weight:700}.budget-total .budget-row-value{color:var(--color-accent);font-size:1.1rem}.btn-export{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius);color:var(--color-muted);cursor:pointer;display:flex;font:inherit;font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:8px 16px;transition:all var(--transition)}.btn-export:hover{border-color:var(--color-brand);color:var(--color-brand-light)}.destinations-header{margin-bottom:32px;text-align:center}.destinations-header h1{margin-bottom:8px}.destinations-header p{color:var(--color-muted);max-width:600px;margin:0 auto 24px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.filter-btn{background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-muted);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:600;padding:6px 16px;transition:all var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--color-brand-glow);border-color:var(--color-brand);color:var(--color-brand-light)}.destinations-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.destination-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.destination-card:hover{border-color:var(--color-border);box-shadow:var(--shadow);transform:translateY(-4px)}.destination-card-cover{align-items:center;display:flex;font-size:3rem;height:120px;justify-content:center;position:relative}.destination-badge{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);bottom:10px;color:#fff;font-size:var(--font-size-xs);font-weight:700;left:12px;padding:3px 10px;position:absolute}.destination-card-body{padding:16px}.destination-card h3{font-size:1.05rem;margin-bottom:4px}.destination-card .country{align-items:center;color:var(--color-muted);display:flex;font-size:var(--font-size-sm);gap:4px;margin-bottom:8px}.destination-card .tagline{color:var(--color-muted);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:12px}.destination-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.dest-tag{background:var(--color-surface-2);border-radius:var(--radius-full);color:var(--color-muted-2);font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.destination-meta{align-items:center;border-top:1px solid var(--color-border-soft);display:flex;font-size:var(--font-size-xs);gap:12px;justify-content:space-between;padding-top:10px}.dest-budget{color:var(--color-accent);font-weight:700}.dest-days{color:var(--color-muted)}.btn-plan-dest{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font:inherit;font-size:var(--font-size-xs);font-weight:700;padding:5px 12px;transition:opacity var(--transition)}.btn-plan-dest:hover{opacity:.85}.pricing-header{margin-bottom:48px;text-align:center}.pricing-header h1{margin-bottom:12px}.pricing-header p{color:var(--color-muted);font-size:1.1rem;max-width:560px;margin:0 auto}.pricing-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:800px}.pricing-plan{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:32px;position:relative;transition:border-color var(--transition)}.pricing-plan.featured{border-color:var(--color-brand);box-shadow:var(--shadow-brand)}.pricing-plan-badge{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-14px;transform:translate(-50%)}.pricing-plan h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:8px}.pricing-plan-price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px}.pricing-plan-price span{color:var(--color-muted);font-size:1rem}.pricing-plan-desc{color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:24px}.pricing-plan ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 28px;padding:0}.pricing-plan li{align-items:flex-start;color:var(--color-muted);display:flex;font-size:var(--font-size-sm);gap:8px}.pricing-plan li.enabled{color:var(--color-text)}.pricing-plan li:before{content:"○";flex-shrink:0;font-size:.7rem;margin-top:2px}.pricing-plan li.enabled:before{content:"✓";color:var(--color-success)}.btn-pricing{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-base);font-weight:700;padding:13px;text-align:center;transition:all var(--transition);width:100%}.pricing-plan.featured .btn-pricing{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-strong));border:none;box-shadow:var(--shadow-brand);color:#fff}.btn-pricing:hover{opacity:.88}.pricing-guarantee{align-items:center;color:var(--color-muted);display:flex;font-size:var(--font-size-sm);gap:8px;justify-content:center;margin-top:32px}.ad-slot{background:var(--color-surface-2);border:1px dashed var(--color-border-soft);border-radius:var(--radius);min-height:90px;overflow:hidden;padding:4px}.ad-slot[data-configured=false]{align-items:center;color:var(--color-muted-2);display:grid;font-size:var(--font-size-xs);place-items:center}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:200}.toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--color-text);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:10px;max-width:360px;padding:12px 16px;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-error)}.toast.info{border-left:3px solid var(--color-info)}.legal-page{max-width:820px}.legal-page h1{margin-bottom:24px}.legal-page h2{margin-top:32px}.legal-page p,.legal-page li{color:var(--color-muted);line-height:1.8}.site-footer{border-top:1px solid var(--color-border-soft);margin-top:auto;padding:24px}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:var(--color-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--color-text)}.footer-copy{color:var(--color-muted-2);font-size:var(--font-size-sm)}@media (max-width: 768px){main{padding:20px 16px 48px}.site-nav{display:none}.hamburger{display:flex}.btn-premium-header span{display:none}.planner-form-grid{grid-template-columns:1fr}.planner-form-full{grid-column:1}.itinerary-layout{grid-template-columns:1fr}.affiliate-sidebar{display:none}.pricing-grid{grid-template-columns:1fr}.destinations-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.planner-hero h1{font-size:2rem}.trust-badges{gap:6px}.trust-badge{font-size:.65rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;border:1px dashed var(--color-line);border-radius:var(--radius);background:var(--color-surface-2)}.guides-header{margin-bottom:32px;text-align:center}.guides-header h1{background:linear-gradient(135deg,#fff 0%,var(--color-brand-light) 60%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.guides-header p{color:var(--color-muted);font-size:1.05rem;max-width:640px;margin:0 auto}.guides-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.guide-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:10px}.guide-card:hover{border-color:var(--color-brand);box-shadow:0 4px 24px #6366f126;transform:translateY(-2px)}.guide-card-icon{font-size:2rem;line-height:1}.guide-cat-badge{align-self:flex-start;background:var(--color-brand-glow);border:1px solid var(--color-brand);border-radius:var(--radius-full);color:var(--color-brand-light);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.guide-card-title{color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.guide-card-body{color:var(--color-muted);font-size:.9rem;line-height:1.7;margin:0;flex:1}.guide-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}@media (max-width: 768px){.guides-grid{grid-template-columns:1fr}}.ui-empty__icon{font-size:2rem;line-height:1}.ui-empty__title{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.ui-empty__body{margin:0;max-width:46ch;color:var(--color-muted)}.ui-spinner{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-muted)}.ui-spinner__ring{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-line);border-top-color:var(--color-brand);animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{display:grid;gap:var(--space-2)}.ui-skeleton__line{height:12px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-line) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s ease infinite}.ui-skeleton__line:last-child{width:60%}@keyframes ui-shimmer{to{background-position:-200% 0}}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a0e1673;display:grid;place-items:center;padding:var(--space-4)}.ui-modal{width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.ui-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-line)}.ui-modal__title{margin:0;font-size:var(--font-size-lg)}.ui-modal__close{border:0;background:transparent;cursor:pointer;color:var(--color-muted);font-size:var(--font-size-base);padding:var(--space-1)}.ui-modal__close:hover{color:var(--color-text)}.ui-modal__body{padding:var(--space-6);display:grid;gap:var(--space-4)}.ui-tabs__bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-4);overflow-x:auto}.ui-tabs__tab{border:0;background:transparent;cursor:pointer;padding:var(--space-2) var(--space-4);color:var(--color-muted);font-weight:600;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition);white-space:nowrap}.ui-tabs__tab:hover{color:var(--color-text)}.ui-tabs__tab.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.ui-table__scroll{overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius)}.ui-table__grid{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.ui-table__grid th{text-align:left;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-line)}.ui-table__grid td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);color:var(--color-text)}.ui-table__grid tbody tr:last-child td{border-bottom:0}.ui-table__grid tbody tr:hover td{background:var(--color-surface-2)}.ui-table__grid .is-right{text-align:right}.ui-table__pager{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-3);color:var(--color-muted)}.ui-table__page{border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1) var(--space-3)}.ui-table__page:disabled{opacity:.4;cursor:default}