:root{--hud-cyan:#C8A96E;--hud-green:#5A8A6A;--hud-amber:#B8956A;--accent:#C0392B;--success:#2E7D52;--warning:#B8860B;--purple:#7C6FA0;--blue:#4A7FA0;--night:#0D0D0D;--night-mid:#141414;--night-soft:#1A1A1A;--white:#ffffff;--black:#000000;--cyan:var(--hud-cyan);--surface:var(--night-mid);--surface-2:var(--night-soft);--bg:rgba(255,255,255,0.04);--bg-dark:var(--night-mid);--bg-secondary:#ecf0f1;--text-light:#E8E6E1;--text-primary:#F0EDE8;--text-secondary:rgba(240,237,232,0.65);--text-muted:rgba(240,237,232,0.40);--text-faint:rgba(240,237,232,0.24);--text-ghost:rgba(240,237,232,0.16);--border-subtle:rgba(255,255,255,0.06);--border-mid:rgba(255,255,255,0.10);--border-cyan:rgba(200,169,110,0.16);--border-cyan-md:rgba(200,169,110,0.28);--border:var(--border-subtle);--border-light:rgba(255,255,255,0.04);--font-sans:'DM Sans',sans-serif;--font-display:'Barlow Condensed',sans-serif;--text-xs:0.70rem;--text-sm:0.85rem;--text-base:0.95rem;--text-md:1.00rem;--text-lg:1.10rem;--text-xl:1.25rem;--text-2xl:1.50rem;--text-3xl:2.00rem;--text-4xl:2.50rem;--leading-tight:1.0;--leading-snug:1.3;--leading-base:1.6;--leading-relaxed:1.8;--leading-loose:1.85;--sp-1:0.25rem;--sp-2:0.50rem;--sp-3:0.75rem;--sp-4:1.00rem;--sp-5:1.25rem;--sp-6:1.50rem;--sp-7:1.75rem;--sp-8:2.00rem;--sp-10:2.50rem;--sp-12:3.00rem;--sp-16:4.00rem;--sp-20:5.00rem;--sp-24:6.00rem;--sp-28:7.00rem;--sp-32:8.00rem;--sp-40:10.00rem;--sp-48:12.00rem;--r-sm:2px;--r-md:4px;--r-lg:6px;--r-xl:10px;--r-2xl:14px;--r-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.25);--shadow:0 2px 8px rgba(0,0,0,0.35);--shadow-lg:0 6px 20px rgba(0,0,0,0.45);--shadow-xl:0 12px 40px rgba(0,0,0,0.55);--shadow-cyan:0 2px 12px rgba(200,169,110,0.10);--focus-ring:0 0 0 2px var(--hud-cyan);--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-dark:linear-gradient(135deg,#0D0D0D 0%,#141414 100%);--ease:cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.45s cubic-bezier(0.4,0,0.2,1);--container-max:1400px;--container-pad:clamp(1.5rem,5vw,4rem);--header-h:70px;--z-sticky:100;--z-header:1000;--z-dropdown:2000;--z-modal:10000;--light-bg:#ffffff;--light-bg-soft:#f8f9fa;--light-text:#1A1A1A;--light-text-sub:#6B6B6B;--light-border:#E0DDD8;--light-blue:#4A7FA0;--light-blue-dk:#3A6F90;--primary:var(--night-mid);--primary-light:var(--night-soft);--primary-dark:var(--text-primary);--secondary:var(--hud-cyan);--secondary-light:#D4B87E;--secondary-dark:#B8956A;--info:var(--blue)}
@layer base{.icon{display:inline-block;width:1em;height:1em;vertical-align:-0.125em;fill:currentColor;flex-shrink:0;overflow:visible}.icon-spin{animation:icon-spin 1s linear infinite}
@keyframes icon-spin{to{transform:rotate(360deg)}}i[class*="fa-"]:not(.icon-no-swap){display:inline-block;width:1em;height:1em;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.icon-spin{animation:none}}
@layer base,components,page,utilities;@layer base{*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img,video{max-width:100%;display:block}*:focus-visible{box-shadow:var(--focus-ring);outline:none;border-radius:var(--r-sm)}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}ul,ol{list-style:none}body{font-family:var(--font-sans);background:var(--night);color:var(--text-light);line-height:var(--leading-base);overflow-x:hidden}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:var(--leading-snug);color:var(--text-primary);letter-spacing:-0.01em}.display,[class*="hero"] h1,[class*="section-title"],.logo{letter-spacing:0.04em}p{line-height:var(--leading-relaxed)}strong{font-weight:600;color:var(--white)}:focus-visible{outline:2px solid var(--hud-cyan);outline-offset:3px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}
@media (max-width:64em){.container{padding-inline:var(--sp-8)}}
@media (max-width:48em){.container{padding-inline:var(--sp-6)}}
@media (max-width:48em){.container{padding-inline:var(--sp-4)}}
@media (max-width:30em){.container{padding-inline:var(--sp-3)}}}.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--accent,#f0c040);color:#000;font-weight:700;font-size:1rem;text-decoration:none;border-radius:0 0 8px 8px;transition:top 0.2s ease}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px}
@layer components{header{position:fixed;inset-block-start:0;inset-inline:0;background:rgba(13,13,13,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-block:var(--sp-4);z-index:var(--z-header);border-bottom:1px solid rgba(200,169,110,0.08);transition:var(--transition)}header.scrolled{padding-block:var(--sp-3);background:rgba(13,13,13,0.98);border-bottom-color:rgba(255,255,255,0.08)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--white);display:flex;align-items:center;gap:var(--sp-2);transition:var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo i,.logo .icon{font-size:1.75rem;color:var(--hud-cyan)}.nav-links{display:flex;gap:var(--sp-2);align-items:center}.nav-links li a{color:rgba(255,255,255,0.70);font-size:var(--text-base);font-weight:500;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-xl);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--sp-2)}.nav-links li a:hover{background:rgba(255,255,255,0.06);color:var(--white)}.nav-links li a.active{color:var(--hud-cyan)}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;padding:var(--sp-3);min-width:44px;min-height:44px}.hamburger span{display:block;width:25px;height:3px;background:var(--white);border-radius:var(--r-sm);transition:var(--transition-fast)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.user-menu{position:relative}.login-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-full);transition:var(--transition-fast);color:var(--white);font-size:var(--text-xl)}.login-icon:hover{background:rgba(200,169,110,0.12);transform:scale(1.05)}.user-dropdown{position:absolute;inset-inline-end:0;top:calc(100%+var(--sp-4));background:var(--night-mid);border:1px solid var(--border-cyan);border-radius:var(--r-2xl);box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;opacity:0;transform:translateY(-10px);transition:var(--transition);pointer-events:none;z-index:var(--z-dropdown)}.user-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.user-header{display:flex;align-items:center;padding:var(--sp-5);background:rgba(200,169,110,0.05);border-bottom:1px solid rgba(200,169,110,0.10)}.user-avatar{font-size:3rem;margin-inline-end:var(--sp-4);color:var(--hud-cyan)}.user-details{flex:1}.user-name{display:block;font-weight:600;font-size:var(--text-lg);color:var(--white);margin-bottom:var(--sp-1)}.user-role{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.dropdown-divider{border-top:1px solid rgba(200,169,110,0.08)}.dropdown-item{display:flex;align-items:center;padding:0.875rem var(--sp-5);color:rgba(255,255,255,0.80);transition:var(--transition-fast);gap:var(--sp-3)}.dropdown-item:hover{background:rgba(200,169,110,0.08);padding-inline-start:var(--sp-6);color:var(--white)}.dropdown-item.active{color:var(--hud-cyan)}.dropdown-item.logout{color:var(--accent)}.dropdown-item.logout:hover{background:rgba(231,76,60,0.10)}.dropdown-item i,.dropdown-item .icon{width:20px;text-align:center}.lang-switch{display:flex;align-items:center;position:relative;margin-left:var(--sp-2)}.lang-btn{background:rgba(200,169,110,0.08);border:1px solid rgba(200,169,110,0.20);color:var(--hud-cyan);width:2.25rem;height:2.25rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r-xl);transition:var(--transition);font-size:var(--text-md)}.lang-btn:hover,.lang-btn.open{background:rgba(200,169,110,0.12);border-color:rgba(200,169,110,0.35);box-shadow:0 2px 8px rgba(0,0,0,0.25);transform:translateY(-1px)}.lang-btn-label{display:none}.lang-dropdown{display:none;position:absolute;top:100%;right:0;left:auto;bottom:auto;margin:8px 0 0 0;background:var(--night-mid);border:1px solid var(--border-cyan-md);border-radius:10px;padding:var(--sp-1);min-width:140px;z-index:9999;box-shadow:var(--shadow-lg),0 0 0 1px rgba(200,169,110,0.05)}.lang-switch.open .lang-dropdown{display:block;animation:langDropIn 0.15s var(--ease)}
@keyframes langDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;background:none;border:none;color:var(--text-muted);padding:8px 12px;text-align:left;border-radius:7px;font-size:var(--text-sm);letter-spacing:0.02em;transition:background 0.18s,color 0.18s;display:flex;align-items:center;gap:8px}.lang-option:hover{background:rgba(200,169,110,0.10);color:var(--hud-cyan)}.lang-option.active{color:var(--hud-cyan);font-weight:600}.lang-option .lang-code{font-size:0.70rem;font-weight:700;letter-spacing:0.08em;opacity:0.70;background:rgba(200,169,110,0.10);padding:1px 5px;border-radius:var(--r-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0.875rem var(--sp-7);border:none;border-radius:var(--r-full);font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--hud-cyan);color:var(--night);border:1px solid transparent;font-weight:700}.btn-primary:hover{background:#D4B87E;box-shadow:0 4px 16px rgba(0,0,0,0.35);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-secondary{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);color:rgba(255,255,255,0.80);border:1px solid rgba(255,255,255,0.15)}.btn-secondary:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.28);transform:translateY(-1px)}.btn-ghost{background:transparent;color:rgba(255,255,255,0.80);border:1px solid rgba(255,255,255,0.20)}.btn-ghost:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.35);color:var(--white)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--night)}.btn-danger{background:rgba(231,76,60,0.10);color:var(--accent);border:1px solid rgba(231,76,60,0.25)}.btn-danger:hover{background:rgba(231,76,60,0.20);border-color:var(--accent)}.btn-favorite{background:rgba(200,169,110,0.06);backdrop-filter:blur(10px);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.20)}.btn-favorite:hover{background:rgba(200,169,110,0.12);border-color:rgba(200,169,110,0.40)}.btn-favorite.favorited{background:rgba(255,171,0,0.15);border-color:var(--hud-amber);color:var(--hud-amber)}.btn-large{padding:var(--sp-4) var(--sp-8);font-size:var(--text-md)}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);border-radius:var(--r-md)}.btn:disabled{opacity:0.50;cursor:not-allowed;transform:none;box-shadow:none}.btn-edit{background:rgba(200,169,110,0.08);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.15);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;transition:var(--transition-fast)}.btn-edit:hover{background:rgba(200,169,110,0.15);border-color:var(--hud-cyan)}.btn-delete{background:rgba(231,76,60,0.08);color:var(--accent);border:1px solid rgba(231,76,60,0.15);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;transition:var(--transition-fast)}.btn-delete:hover{background:rgba(231,76,60,0.15);border-color:var(--accent)}.form-sections{display:flex;flex-direction:column;gap:var(--sp-8)}.form-section{background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-6)}.form-section h3{font-size:var(--text-md);font-weight:700;color:rgba(255,255,255,0.60);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-2);text-transform:uppercase;letter-spacing:0.05em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-group.span-2{grid-column:span 2}.form-group label{font-weight:600;color:rgba(255,255,255,0.70);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:var(--sp-2)}.form-group label i,.form-group label .icon{color:var(--hud-cyan);width:20px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.875rem var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--r-lg);font-family:var(--font-sans);font-size:var(--text-base);color:var(--white);background:rgba(255,255,255,0.03);transition:var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.25)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(255,255,255,0.22);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.form-group select option{background:var(--night-mid);color:var(--white)}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;align-items:center;padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--sp-8)}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.80);backdrop-filter:blur(6px)}.modal-container{position:relative;background:var(--night-mid);border:1px solid var(--border-subtle);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);max-width:64em;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn 0.3s var(--ease)}
@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-7) var(--sp-8);border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--white);display:flex;align-items:center;gap:var(--sp-3)}.modal-close{background:transparent;border:none;width:44px;height:44px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-2xl);transition:var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,0.08);color:var(--white);transform:rotate(90deg)}.modal-form{flex:1;overflow-y:auto;padding:var(--sp-8)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-4);padding:var(--sp-7) var(--sp-8);border-top:1px solid var(--border-subtle)}#toast-container{position:fixed;bottom:var(--sp-8);inset-inline-end:var(--sp-8);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--sp-4)}.toast{min-width:320px;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);backdrop-filter:blur(16px);display:flex;align-items:center;gap:0.875rem;font-weight:600;animation:toastIn 0.3s var(--ease)}
@keyframes toastIn{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.toast.fade-out{animation:toastOut 0.3s var(--ease) forwards}
@keyframes toastOut{to{transform:translateX(400px);opacity:0}}.toast-success{background:rgba(0,230,118,0.12);color:var(--hud-green);border:1px solid rgba(0,230,118,0.25)}.toast-error{background:rgba(231,76,60,0.12);color:var(--accent);border:1px solid rgba(231,76,60,0.25)}.toast-info{background:rgba(200,169,110,0.12);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.25)}.toast i,.toast .icon{font-size:var(--text-2xl)}
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.skeleton-card{background:rgba(20,20,20,0.70);border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border-subtle)}.skeleton-image{height:220px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.skeleton-content{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.skeleton-line{height:14px;border-radius:var(--r-md);background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.skeleton-line.short{width:55%}.skeleton-line.medium{width:75%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-8);text-align:center;grid-column:1 / -1}.empty-state i,.empty-state .icon{font-size:4rem;color:rgba(200,169,110,0.15);margin-bottom:var(--sp-6)}.empty-state h3{font-size:var(--text-2xl);color:var(--text-secondary);margin-bottom:var(--sp-3);font-weight:600}.empty-state p{font-size:var(--text-lg);max-width:420px;line-height:var(--leading-relaxed);color:var(--text-muted)}footer{background:var(--night);color:var(--white);padding:var(--sp-28) 0 var(--sp-12);border-top:1px solid rgba(255,255,255,0.06)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-20);margin-bottom:var(--sp-20)}.footer-section h3{font-family:var(--font-sans);font-size:0.80rem;font-weight:700;margin-bottom:var(--sp-6);color:rgba(255,255,255,0.40);text-transform:uppercase;letter-spacing:1.5px}.footer-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.footer-logo i,.footer-logo .icon{color:var(--hud-cyan)}.footer-section p{color:rgba(255,255,255,0.45);line-height:var(--leading-relaxed);margin-bottom:var(--sp-6)}.footer-social{display:flex;gap:var(--sp-3);flex-wrap:wrap}.footer-social a{width:40px;height:40px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.50);transition:var(--transition);font-size:0.90rem}.footer-social a:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.15);color:var(--white)}.footer-section ul li{margin-bottom:var(--sp-3)}.footer-section ul li a{color:rgba(255,255,255,0.45);font-size:var(--text-base);transition:var(--transition-fast)}.footer-section ul li a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:var(--sp-12);border-top:1px solid rgba(255,255,255,0.06)}.footer-bottom p{color:rgba(255,255,255,0.30);margin-bottom:var(--sp-2);font-size:0.90rem}.footer-bottom i,.footer-bottom .icon{color:var(--accent)}.page-hero{position:relative;background:var(--night);padding:var(--sp-28) 0 var(--sp-24);margin-top:var(--header-h);overflow:hidden}.hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0;pointer-events:none}.page-hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-16)}.hero-text{flex:1;max-width:48em}.hero-eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-faint);display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-10)}.hero-eyebrow::before{content:'';width:28px;height:1px;background:rgba(255,255,255,0.15);flex-shrink:0}.hero-text h1{font-family:var(--font-sans);font-size:clamp(3rem,6vw,5.5rem);font-weight:700;letter-spacing:-2px;line-height:var(--leading-tight);color:var(--white);margin-bottom:var(--sp-8)}.hero-muted{display:block;color:var(--text-ghost);font-weight:300;letter-spacing:-1px}.hero-text>p{font-size:var(--text-md);color:rgba(255,255,255,0.38);max-width:420px;line-height:var(--leading-loose)}.hero-data{display:flex;flex-direction:column;padding-inline-start:var(--sp-12);border-inline-start:1px solid rgba(255,255,255,0.08);flex-shrink:0;min-width:220px}.data-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-8);padding-block:var(--sp-4);border-bottom:1px solid rgba(255,255,255,0.04)}.data-row:last-child{border-bottom:none;padding-bottom:0}.data-number{font-family:var(--font-sans);font-size:2.25rem;font-weight:700;color:var(--white);letter-spacing:-1px}.data-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:var(--text-faint)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(200,169,110,0.20);border-top-color:var(--hud-cyan);border-radius:var(--r-full);animation:spin 0.6s linear infinite}}.lang-btn-label{display:none}
@media (max-width:64em){.hamburger{display:flex;z-index:calc(var(--z-header)+1)}.nav-links{display:none;position:fixed;top:var(--header-h);inset-inline:0;background:rgba(13,13,13,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:var(--sp-8);border-bottom:1px solid rgba(200,169,110,0.10);max-height:calc(100vh - var(--header-h));overflow-y:auto;z-index:var(--z-header)}.nav-links.show{display:flex}.nav-links li{width:100%}.nav-links li a{width:100%;justify-content:flex-start;padding:var(--sp-4) var(--sp-6);min-height:44px}.lang-switch{margin-left:0;margin-top:var(--sp-2);padding:var(--sp-4) var(--sp-6) 0;border-top:1px solid rgba(255,255,255,0.06)}.lang-btn{width:auto;height:auto;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-xl);gap:var(--sp-3);font-size:var(--text-base);justify-content:flex-start}.lang-btn-label{display:none}.lang-dropdown{position:absolute;top:100%;left:var(--sp-6);right:auto;margin:6px 0 0 0;width:auto;min-width:140px;box-shadow:var(--shadow-lg)}.user-menu{width:100%;margin-top:var(--sp-2);padding:var(--sp-4) var(--sp-6) 0;border-top:1px solid rgba(255,255,255,0.06)}.user-dropdown{position:static;width:100%;max-width:none;margin-top:var(--sp-4);min-width:auto;box-shadow:none;border:1px solid rgba(200,169,110,0.10)}}
@media (max-width:48em){.page-hero{padding:var(--sp-20) 0 var(--sp-16)}.page-hero-inner{flex-direction:column;gap:var(--sp-10);align-items:center;text-align:center}.hero-text{max-width:40em}.hero-text h1{font-size:clamp(2.5rem,8vw,4rem)}.hero-text>p{margin-inline:auto}.hero-eyebrow{justify-content:center}.hero-data{flex-direction:row;justify-content:center;padding-inline-start:0;border-inline-start:none;border-top:1px solid rgba(255,255,255,0.07);padding-top:var(--sp-8);width:100%;min-width:0}.data-row{flex-direction:column;gap:0.2rem;align-items:center;border-bottom:none;padding:0 var(--sp-6);border-right:1px solid rgba(255,255,255,0.06);justify-content:flex-start;align-items:flex-start}.data-row:first-child{padding-inline-start:0}.data-row:last-child{border-right:none}.data-number{font-size:1.75rem}#toast-container{inset-inline:var(--sp-4);bottom:var(--sp-4)}.toast{min-width:auto}.footer-content{grid-template-columns:1fr 1fr;gap:var(--sp-8)}.modal-container{max-height:95vh;margin:var(--sp-4)}.modal-header,.modal-form,.modal-footer{padding:var(--sp-6) var(--sp-4)}.form-grid{grid-template-columns:1fr}.form-group.span-2{grid-column:span 1}}
@media (max-width:48em){.footer-content{grid-template-columns:1fr}.footer-section{text-align:center}.footer-social{justify-content:center}}
@media (max-width:30em){.logo span{display:none}.logo i,.logo .icon{font-size:1.75rem}header{padding-block:var(--sp-3)}.modal{padding:0;align-items:flex-end}.modal-container{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:90vh;margin:0;width:100%}.footer-content{gap:var(--sp-8)}.footer-logo{font-size:var(--text-xl)}}.filter-option .fc{color:var(--text-muted);font-size:0.75rem;margin-left:6px}.filter-option-empty{opacity:0.4;pointer-events:none}
@layer utilities{.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:0}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms;animation-iteration-count:1;transition-duration:0.01ms}}
@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.nav-links li a{min-height:48px}.dropdown-item{min-height:44px}.hamburger{min-width:48px;min-height:48px}.login-icon{width:48px;height:48px}.modal-close{min-width:48px;min-height:48px}}
@media print{header,footer,.hamburger,.lang-switch,#toast-container,.modal{display:none}}}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/BarlowCondensed-400.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/BarlowCondensed-500.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/BarlowCondensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/BarlowCondensed-700.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/DMSans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/DMSans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/DMSans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/DMSans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/DMSans.woff2') format('woff2')}.page-hangar .page-hero{position:relative;background:var(--night);padding:9rem 0 8rem;margin-top:70px;overflow:hidden}.page-hangar .hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0}.page-hangar .page-hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:4rem}.page-hangar .hero-text{flex:1;max-width:48em}.page-hangar .hero-eyebrow{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,0.28);display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.page-hangar .hero-eyebrow::before{content:'';width:28px;height:1px;background:rgba(255,255,255,0.15);flex-shrink:0}.page-hangar .hero-text h1{font-family:'DM Sans',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;letter-spacing:-2px;line-height:1.0;color:var(--white);margin-bottom:2rem}.page-hangar .hero-muted{display:block;color:rgba(255,255,255,0.22);font-weight:300;letter-spacing:-1px}.page-hangar .hero-text>p{font-size:1rem;color:rgba(255,255,255,0.38);max-width:420px;line-height:1.85;margin-bottom:0}.page-hangar .hero-data{display:flex;flex-direction:column;padding-left:3rem;border-left:1px solid rgba(255,255,255,0.08);flex-shrink:0;min-width:220px}.page-hangar .data-row{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.page-hangar .data-row:last-child{border-bottom:none;padding-bottom:0}.page-hangar .data-number{font-family:'DM Sans',sans-serif;font-size:2.25rem;font-weight:700;color:var(--white);letter-spacing:-1px}.page-hangar .data-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,0.28)}.page-hangar .hangar-content{padding:4rem 0 6rem}.page-hangar .hangar-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.page-hangar .search-box{position:relative;flex:1;min-width:250px}.page-hangar .search-box i,.page-hangar .search-box .icon,.page-hangar .search-box .icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.3);font-size:1rem}.page-hangar .search-box input{width:100%;padding:0.8rem 1rem 0.8rem 3.25rem;border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.9rem;transition:var(--transition-fast);font-family:'DM Sans',sans-serif;background:rgba(255,255,255,0.04);color:var(--white)}.page-hangar .search-box input::placeholder{color:rgba(255,255,255,0.25)}.page-hangar .search-box input:focus{outline:none;border-color:rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.page-hangar .clear-btn{display:none !important}.page-hangar .toolbar-right{display:flex;align-items:center;gap:0.75rem;position:relative}.page-hangar .filter-btn{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1.25rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.85rem;font-family:'DM Sans',sans-serif;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.65);white-space:nowrap}.page-hangar .filter-btn:hover{border-color:rgba(255,255,255,0.18);color:var(--white);background:rgba(255,255,255,0.07)}.page-hangar .filter-btn.active{background:rgba(200,169,110,0.1);border-color:rgba(200,169,110,0.35);color:var(--hud-cyan)}.page-hangar .filter-btn .fa-chevron-down{font-size:0.65rem;transition:var(--transition-fast)}.page-hangar .filter-btn.active .fa-chevron-down{transform:rotate(180deg)}.page-hangar .sort-select{padding:0.7rem 2.25rem 0.7rem 1rem;border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-family:'DM Sans',sans-serif;font-weight:500;cursor:pointer;transition:var(--transition-fast);appearance:none;background:rgba(255,255,255,0.04) 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='rgba(255,255,255,0.4)' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;color:rgba(255,255,255,0.65);font-size:0.85rem;white-space:nowrap}.page-hangar .sort-select:hover{border-color:rgba(255,255,255,0.18)}.page-hangar .sort-select:focus{outline:none;border-color:rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}.page-hangar .sort-select option{background:var(--night-mid);color:var(--white)}.page-hangar .active-filters{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:2rem}.page-hangar .active-filters-label{font-size:0.8rem;color:rgba(255,255,255,0.4);font-weight:500;display:flex;align-items:center}.page-hangar .active-filter{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(200,169,110,0.08);color:var(--hud-cyan);padding:0.4rem 0.875rem;border-radius:6px;font-size:0.8rem;font-weight:600;border:1px solid rgba(200,169,110,0.2)}.page-hangar .remove-filter-btn{background:rgba(200,169,110,0.15);border:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--hud-cyan);font-size:0.6rem}.page-hangar .remove-filter-btn:hover{background:rgba(200,169,110,0.3)}.page-hangar .clear-all-filters{padding:0.4rem 1rem;background:transparent;border:1px solid rgba(231,76,60,0.4);color:var(--accent);border-radius:50px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.page-hangar .clear-all-filters:hover{background:rgba(231,76,60,0.15);border-color:var(--accent)}.page-hangar .filter-dropdown{position:absolute;top:calc(100%+0.5rem);right:0;width:380px;max-width:90vw;background:var(--night-mid);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 20px 56px rgba(0,0,0,0.6);max-height:400px;overflow-y:auto;z-index:999;opacity:0;transform:translateY(-8px);transition:var(--transition);pointer-events:none}.page-hangar .filter-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.page-hangar .filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.07);position:sticky;top:0;background:var(--night-mid);z-index:1}.page-hangar .filter-dropdown-header h3{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--white);font-size:0.9rem}.page-hangar .close-dropdown{background:transparent;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.45)}.page-hangar .close-dropdown:hover{background:rgba(255,255,255,0.08);color:var(--white)}.page-hangar .filter-options{padding:0.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.5rem}.page-hangar .filter-option{padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:8px;cursor:pointer;transition:var(--transition-fast);text-align:center;font-weight:500;font-size:0.85rem;color:rgba(255,255,255,0.65)}.page-hangar .filter-option:hover{border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.07);color:var(--white)}.page-hangar .filter-option.selected{background:rgba(200,169,110,0.1);border-color:rgba(200,169,110,0.35);color:var(--hud-cyan)}.page-hangar .results-info{font-size:0.9rem;color:rgba(255,255,255,0.35);font-weight:500;margin-bottom:1.5rem}.page-hangar .aircraft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem}.page-hangar .aircraft-grid.list-view{grid-template-columns:1fr}.page-hangar .aircraft-card{background:rgba(20,20,20,0.7);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);transition:var(--transition);cursor:pointer;position:relative}.page-hangar .aircraft-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.14);box-shadow:0 12px 32px rgba(0,0,0,0.4)}.page-hangar .aircraft-image{position:relative;height:220px;overflow:hidden;background:var(--night-soft)}.page-hangar .aircraft-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.page-hangar .aircraft-card:hover .aircraft-image img{transform:scale(1.08)}.page-hangar .aircraft-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,0.9) 0%,transparent 50%);display:flex;align-items:flex-end;padding:1.25rem}.page-hangar .aircraft-badges{display:flex;gap:0.5rem;flex-wrap:wrap}.page-hangar .aircraft-badge{padding:0.3rem 0.8rem;backdrop-filter:blur(10px);border-radius:50px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.page-hangar .aircraft-badge.generation{background:rgba(200,169,110,0.15);border:1px solid rgba(200,169,110,0.3);color:var(--hud-cyan)}.page-hangar .aircraft-badge.type{background:rgba(255,171,0,0.15);border:1px solid rgba(255,171,0,0.3);color:var(--hud-amber)}.page-hangar .aircraft-content{padding:2rem}.page-hangar .aircraft-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.page-hangar .aircraft-title{flex:1}.page-hangar .aircraft-name-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.page-hangar .aircraft-name-row h3{font-family:'DM Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-hangar .aircraft-name-row .country-flag{flex-shrink:0;border-radius:2px}.page-hangar .aircraft-title h3{font-family:'DM Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:0.25rem}.page-hangar .aircraft-country{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.45)}.page-hangar .country-flag{width:22px;height:16px;border-radius:2px;display:block;object-fit:cover}.page-hangar .aircraft-description{display:none}.page-hangar .aircraft-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07)}.page-hangar .spec-item{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.5)}.page-hangar .spec-item i,.page-hangar .spec-item .icon{color:var(--hud-cyan);width:16px}.page-hangar .aircraft-grid.list-view .aircraft-card{display:grid;grid-template-columns:300px 1fr}.page-hangar .aircraft-grid.list-view .aircraft-image{height:100%}.page-hangar .aircraft-grid.list-view .aircraft-content{padding:2.5rem}.page-hangar .aircraft-grid.list-view .aircraft-specs{grid-template-columns:repeat(4,1fr)}.page-hangar .pagination{display:flex;justify-content:center;align-items:center;gap:0.75rem;margin:6rem 0 5rem}.page-hangar .pagination button{padding:0.75rem 1.25rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-family:'DM Sans',sans-serif;font-weight:600;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.7)}.page-hangar .pagination button:hover:not(:disabled){border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.07);color:var(--white)}.page-hangar .pagination button:disabled{opacity:0.3;cursor:not-allowed}.page-hangar .pagination .page-info{padding:0.75rem 1.25rem;font-weight:600;color:rgba(255,255,255,0.5)}.page-hangar .modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem}.page-hangar .modal.show{display:flex}.page-hangar .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(6px)}.page-hangar .modal-container{position:relative;background:var(--night-mid);border:1px solid rgba(255,255,255,0.09);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,0.6);max-width:64em;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn 0.3s ease}
@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.page-hangar .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid rgba(255,255,255,0.07)}.page-hangar .modal-header h2{font-family:'DM Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:0.75rem}.page-hangar .modal-close{background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.5);font-size:1.5rem}.page-hangar .modal-close:hover{background:rgba(255,255,255,0.08);color:var(--white);transform:rotate(90deg)}.page-hangar .modal-form{flex:1;overflow-y:auto;padding:2rem}.page-hangar .form-sections{display:flex;flex-direction:column;gap:2rem}.page-hangar .form-section{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:1.5rem}.page-hangar .form-section h3{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.page-hangar .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.page-hangar .form-group{display:flex;flex-direction:column}.page-hangar .form-group.span-2{grid-column:span 2}.page-hangar .form-group label{font-weight:600;color:rgba(255,255,255,0.7);margin-bottom:0.5rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.page-hangar .form-group input,.page-hangar .form-group select,.page-hangar .form-group textarea{padding:0.875rem 1rem;border:1px solid rgba(255,255,255,0.09);border-radius:8px;font-family:'DM Sans',sans-serif;font-size:0.95rem;transition:var(--transition-fast);background:rgba(255,255,255,0.03);color:var(--white)}.page-hangar .form-group input::placeholder,.page-hangar .form-group textarea::placeholder{color:rgba(255,255,255,0.25)}.page-hangar .form-group input:focus,.page-hangar .form-group select:focus,.page-hangar .form-group textarea:focus{outline:none;border-color:rgba(255,255,255,0.22);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.page-hangar .form-group select option{background:var(--night-mid);color:var(--white)}.page-hangar .form-group textarea{resize:vertical;min-height:100px}.page-hangar .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.75rem 2rem;border-top:1px solid rgba(255,255,255,0.07)}.page-hangar .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:var(--transition);font-family:'DM Sans',sans-serif;white-space:nowrap}.page-hangar .btn-primary{background:var(--hud-cyan);color:var(--night);border:1px solid transparent;font-weight:700}.page-hangar .btn-primary:hover{background:#D4B87E}.page-hangar .btn-secondary{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.12)}.page-hangar .btn-secondary:hover{border-color:rgba(255,255,255,0.3);color:var(--white)}.page-hangar .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2)}.page-hangar .btn-outline:hover{background:rgba(255,255,255,0.05)}.page-hangar .btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.page-hangar .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:rgba(255,255,255,0.4);grid-column:1 / -1}.page-hangar .empty-state i,.page-hangar .empty-state .icon{font-size:4rem;color:rgba(200,169,110,0.15);margin-bottom:1.5rem}.page-hangar .empty-state h3{font-size:1.5rem;color:rgba(255,255,255,0.7);margin-bottom:0.75rem;font-weight:600}.page-hangar .empty-state p{font-size:1.1rem;max-width:400px}
@media (max-width:64em){.page-hangar .hangar-toolbar{flex-direction:column;align-items:stretch}.page-hangar .search-box{max-width:100%}.page-hangar .toolbar-right{flex-wrap:wrap}.page-hangar .filter-dropdown{max-height:70vh}.page-hangar .form-grid{grid-template-columns:1fr}.page-hangar .form-group.span-2{grid-column:span 1}.page-hangar .filter-btn{min-height:44px}.page-hangar .sort-select{min-height:44px}}
@media (max-width:48em){.page-hangar .container{padding:0 1.5rem}.page-hangar .page-hero{padding:5rem 0 4rem}.page-hangar .page-hero-inner{flex-direction:column;gap:2.5rem;align-items:center;text-align:center}.page-hangar .hero-eyebrow{justify-content:center}.page-hangar .hero-text>p{margin-inline:auto}.page-hangar .hero-text h1{font-size:clamp(2.5rem,8vw,4rem)}.page-hangar .hero-data{flex-direction:row;justify-content:center;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,0.07);padding-top:2rem;width:100%;min-width:0}.page-hangar .data-row{flex-direction:column;gap:0.2rem;border-bottom:none;padding:0 1.5rem;border-right:1px solid rgba(255,255,255,0.06);justify-content:center;align-items:center}.page-hangar .data-row:first-child{padding-left:0}.page-hangar .data-row:last-child{border-right:none}.page-hangar .data-number{font-size:1.75rem}.page-hangar .aircraft-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.page-hangar .aircraft-specs{gap:0.75rem}.page-hangar .modal-container{max-height:95vh;margin:1rem}.page-hangar .modal-header{padding:1.5rem 1rem}.page-hangar .modal-header h2{font-size:1.25rem}.page-hangar .modal-form,.page-hangar .modal-footer{padding:1.5rem 1rem}.page-hangar .form-section{padding:1.25rem}.page-hangar .pagination{gap:0.5rem}.page-hangar .pagination button{padding:0.65rem 1rem;font-size:0.9rem;min-height:44px}}
@media (max-width:30em){.page-hangar .container{padding:0 0.875rem}.page-hangar .page-hero{padding:4rem 0 3rem}.page-hangar .hero-text h1{font-size:clamp(1.75rem,10vw,2.5rem)}.page-hangar .aircraft-grid{grid-template-columns:1fr;gap:1rem}.page-hangar .filter-btn span{display:none}.page-hangar .aircraft-image{height:180px}.page-hangar .search-box input{font-size:0.85rem;padding:0.7rem 0.75rem 0.7rem 2.5rem}.page-hangar .hangar-toolbar{gap:0.75rem}.page-hangar .aircraft-content{padding:1rem}.page-hangar .pagination{margin:2rem 0;flex-wrap:wrap}.page-hangar .pagination button{flex:1;min-width:100px}.page-hangar .modal{padding:0;align-items:flex-end}.page-hangar .modal-container{max-height:90vh;border-radius:16px 16px 0 0;margin:0;width:100%}.page-hangar .modal-header{padding:1.25rem 1rem}.page-hangar .modal-header h2{font-size:1.1rem}.page-hangar .modal-close{width:36px;height:36px;font-size:1.25rem}.page-hangar .modal-form{padding:1rem}.page-hangar .form-section{padding:1rem}.page-hangar .form-section h3{font-size:0.9rem;margin-bottom:1rem}.page-hangar .form-grid{gap:1rem}.page-hangar .form-group label{font-size:0.8rem;margin-bottom:0.375rem}.page-hangar .form-group input,.page-hangar .form-group select,.page-hangar .form-group textarea{padding:0.75rem 0.875rem;font-size:0.9rem}.page-hangar .form-group textarea{min-height:80px}.page-hangar .modal-footer{padding:1rem;flex-direction:column-reverse;gap:0.75rem}.page-hangar .modal-footer .btn{width:100%;padding:0.875rem 1.5rem;font-size:0.9rem;min-height:48px}.page-hangar .empty-state{padding:3rem 1rem}.page-hangar .empty-state i,.page-hangar .empty-state .icon{font-size:3rem;margin-bottom:1rem}.page-hangar .empty-state h3{font-size:1.25rem;margin-bottom:0.5rem}.page-hangar .empty-state p{font-size:0.9rem}.page-hangar #add-airplane-btn{position:fixed;bottom:1.5rem;right:1rem;z-index:900;border-radius:50px;box-shadow:var(--shadow-xl);min-height:48px}.page-hangar #add-airplane-btn span{display:none}.page-hangar #add-airplane-btn i,.page-hangar #add-airplane-btn .icon{margin:0}}
@media (hover:none) and (pointer:coarse){.page-hangar .btn{min-height:44px}.page-hangar .aircraft-card:hover{transform:none}.page-hangar .aircraft-card:active{transform:scale(0.98)}}
@media (prefers-reduced-motion:reduce){.page-hangar *,.page-hangar *::before,.page-hangar *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}
@media print{.page-hangar header,.page-hangar .filters-section,.page-hangar .pagination,.page-hangar .modal,.page-hangar #toast-container,.page-hangar footer,.page-hangar .hero-hud-grid{display:none !important}.page-hangar .page-hero{padding:2rem 0}.page-hangar *{background:white !important;color:black !important;box-shadow:none !important}}
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.page-hangar .skeleton-card{background:rgba(20,20,20,0.7);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}.page-hangar .skeleton-image{height:220px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.page-hangar .skeleton-content{padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem}.page-hangar .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.page-hangar .skeleton-line.short{width:55%}.page-hangar .skeleton-line.medium{width:75%}.page-hangar .view-toggle{display:inline-flex;border:1px solid var(--border-mid);border-radius:var(--r-md);overflow:hidden;margin-right:var(--sp-2)}.page-hangar .view-btn{background:transparent;color:var(--text-muted);border:none;padding:0.5rem 0.75rem;cursor:pointer;transition:var(--transition-fast)}.page-hangar .view-btn:hover{color:var(--hud-cyan)}.page-hangar .view-btn[aria-pressed="true"]{color:var(--hud-cyan);background:rgba(200,169,110,0.08)}.page-hangar .aircraft-list{display:flex;flex-direction:column;gap:0.5rem}.page-hangar .aircraft-list .aircraft-card{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;padding:0.75rem;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--night-mid)}.page-hangar .aircraft-list .aircraft-card .aircraft-image{height:80px;width:120px}.page-hangar .aircraft-list .aircraft-card .aircraft-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-sm)}.page-hangar .aircraft-list .aircraft-card .aircraft-overlay{display:none}.page-hangar .aircraft-list .aircraft-card .aircraft-content{padding:0}.page-hangar .aircraft-list .aircraft-card .aircraft-description{display:none}.page-hangar .aircraft-list .aircraft-card h3{margin-bottom:0.25rem}
@media (max-width:48em){.page-hangar .aircraft-list .aircraft-card{grid-template-columns:80px 1fr}.page-hangar .aircraft-list .aircraft-card .aircraft-image{width:80px;height:60px}.page-hangar .aircraft-list .aircraft-card .aircraft-specs{display:none}}.page-hangar .aircraft-card{position:relative}.page-hangar .compare-check{position:absolute;top:0.75rem;right:0.75rem;background:rgba(13,13,13,0.85);backdrop-filter:blur(8px);padding:0.35rem 0.6rem;border-radius:var(--r-md);font-size:0.7rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:0.4rem;z-index:3;cursor:pointer;text-transform:uppercase;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.08)}.page-hangar .compare-check input{cursor:pointer;accent-color:var(--hud-cyan)}.page-hangar .compare-check:hover{border-color:var(--hud-cyan)}.page-hangar .compare-bar{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--night-mid);border:1px solid var(--border-cyan-md);box-shadow:var(--shadow-xl);border-radius:var(--r-xl);padding:0.75rem 1rem;display:flex;gap:0.75rem;align-items:center;z-index:100;animation:compareBarUp 0.25s var(--ease)}.page-hangar .compare-bar.hidden{display:none}.page-hangar .compare-bar #compare-count{color:var(--hud-cyan);font-weight:600;font-size:0.85rem}
@keyframes compareBarUp{from{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%,0);opacity:1}}.page-hangar .compare-modal:not([open]){display:none !important}.page-hangar .compare-modal{background:var(--night-mid);color:var(--text-primary);border:1px solid var(--border-cyan-md);border-radius:var(--r-xl);padding:0;max-width:1100px;width:92vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:fixed;inset:0;margin:auto}.page-hangar .compare-modal[open]{display:flex}.page-hangar .compare-modal::backdrop{background:rgba(0,0,0,0.8);backdrop-filter:blur(4px)}.page-hangar .compare-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(13,13,13,0.8);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;font-size:0.95rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition-fast)}.page-hangar .compare-modal-close:hover{color:var(--accent);border-color:var(--accent)}.page-hangar #compare-modal-body{overflow-y:auto;padding:2rem 2rem 2.5rem}.page-hangar .cmp-head{margin-bottom:1.5rem;padding-right:3rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.page-hangar .cmp-eyebrow{display:block;color:var(--hud-cyan);text-transform:uppercase;letter-spacing:0.15em;font-size:0.7rem;font-family:var(--font-display);margin-bottom:0.25rem}.page-hangar .cmp-head h2{color:var(--text-primary);font-family:var(--font-display);font-weight:600;font-size:1.75rem;margin:0;letter-spacing:0.02em}.page-hangar .cmp-cols{display:grid;grid-template-columns:140px repeat(var(--cmp-cols),1fr);gap:1rem;margin-bottom:1.75rem}.page-hangar .cmp-cols::before{content:""}.page-hangar .cmp-col-head{position:relative;display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem;background:var(--night-soft);border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:var(--transition-fast)}.page-hangar .cmp-col-head:hover{border-color:var(--border-cyan-md)}.page-hangar .cmp-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;background:rgba(13,13,13,0.85);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.65rem;z-index:2;transition:var(--transition-fast)}.page-hangar .cmp-remove:hover{color:var(--accent);border-color:var(--accent)}.page-hangar .cmp-img-wrap{aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-md);background:var(--night)}.page-hangar .cmp-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.page-hangar .cmp-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:2rem}.page-hangar .cmp-col-title h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin:0.35rem 0 0;letter-spacing:0.02em;line-height:1.2}.page-hangar .cmp-col-title p{font-size:0.72rem;color:var(--text-muted);margin:0.15rem 0 0;font-style:italic}.page-hangar .cmp-col-meta{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.25rem}.page-hangar .cmp-chip{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.5rem;background:var(--night-mid);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:0.68rem;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:0.05em}.page-hangar .cmp-chip i,.page-hangar .cmp-chip .icon{color:var(--text-muted);font-size:0.65rem}.page-hangar .cmp-chip-accent{color:var(--hud-cyan);border-color:var(--border-cyan-md);background:rgba(200,169,110,0.06)}.page-hangar .cmp-body{display:flex;flex-direction:column;gap:1.5rem}.page-hangar .cmp-group{border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden}.page-hangar .cmp-group-header{display:flex;align-items:center;gap:0.6rem;padding:0.75rem 1rem;background:var(--night-soft);border-bottom:1px solid var(--border-subtle);color:var(--hud-cyan);font-family:var(--font-display);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em}.page-hangar .cmp-group-header i,.page-hangar .cmp-group-header .icon{font-size:0.75rem}.page-hangar .cmp-row{display:grid;grid-template-columns:140px repeat(var(--cmp-cols),1fr);gap:1rem;padding:0.75rem 1rem;border-bottom:1px solid var(--border-subtle);align-items:center;transition:background 0.15s var(--ease)}.page-hangar .cmp-row:last-child{border-bottom:none}.page-hangar .cmp-row:hover{background:rgba(200,169,110,0.02)}.page-hangar .cmp-row-label{color:var(--text-muted);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em}.page-hangar .cmp-cell{color:var(--text-primary);font-size:0.95rem;font-family:var(--font-display);font-weight:500;letter-spacing:0.02em;padding:0.35rem 0.5rem;border-radius:var(--r-sm);transition:var(--transition-fast)}.page-hangar .cmp-cell.cmp-best{color:var(--hud-cyan);background:rgba(200,169,110,0.08);box-shadow:inset 0 0 0 1px rgba(200,169,110,0.2);position:relative}.page-hangar .cmp-cell.cmp-best::after{content:"★";position:absolute;top:2px;right:4px;font-size:0.55rem;color:var(--hud-cyan)}.page-hangar .cmp-unit{color:var(--text-muted);font-size:0.78rem;font-weight:400;margin-left:0.2rem}.page-hangar .cmp-dash{color:var(--text-faint)}
@media (max-width:48em){.page-hangar .compare-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.page-hangar #compare-modal-body{padding:1.25rem 1rem}.page-hangar .cmp-head h2{font-size:1.3rem}.page-hangar .cmp-cols,.page-hangar .cmp-row{grid-template-columns:110px repeat(var(--cmp-cols),1fr);gap:0.5rem}.page-hangar .cmp-col-head{padding:0.5rem}.page-hangar .cmp-col-title h3{font-size:0.9rem}.page-hangar .cmp-col-title p{display:none}.page-hangar .cmp-col-meta{gap:0.25rem}.page-hangar .cmp-chip{font-size:0.6rem;padding:0.15rem 0.35rem}.page-hangar .cmp-row-label{font-size:0.7rem}.page-hangar .cmp-cell{font-size:0.82rem;padding:0.25rem 0.35rem}}.page-hangar .filter-sheet:not([open]){display:none !important}.page-hangar .filter-sheet{border:none;padding:0;width:100%;max-width:100vw;max-height:85vh;margin:0;position:fixed;bottom:0;left:0;right:0;top:auto;background:var(--night-mid);color:var(--text-primary);border-top:1px solid var(--border-cyan-md);border-radius:var(--r-xl) var(--r-xl) 0 0}.page-hangar .filter-sheet[open]{display:flex;flex-direction:column}.page-hangar .filter-sheet::backdrop{background:rgba(0,0,0,0.7)}.page-hangar .filter-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-subtle)}.page-hangar .filter-sheet-header h3{color:var(--text-primary);margin:0}.page-hangar .filter-sheet-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem}.page-hangar .filter-sheet-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.page-hangar .fs-tab{flex:1;background:transparent;border:none;color:var(--text-muted);padding:0.75rem;cursor:pointer;font-size:0.85rem}.page-hangar .fs-tab.active{color:var(--hud-cyan);border-bottom:2px solid var(--hud-cyan)}.page-hangar .filter-sheet-body{flex:1;overflow-y:auto;padding:1rem}.page-hangar .fs-item{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);padding:0.75rem;margin-bottom:0.5rem;border-radius:var(--r-md);cursor:pointer;font-size:0.9rem}.page-hangar .fs-item.active{border-color:var(--hud-cyan);color:var(--hud-cyan)}.page-hangar .filter-sheet-footer{padding:1rem;border-top:1px solid var(--border-subtle)}.page-hangar .filter-sheet-footer .btn{width:100%}
@media (min-width:48em){.page-hangar .filter-sheet{display:none !important}}.page-details .share-bar{display:flex;align-items:center;gap:0.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.page-details .share-label{color:var(--text-muted);font-family:'Courier New',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;margin-right:0.5rem}.page-details .share-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;transition:var(--transition-fast);font-size:0.95rem}.page-details .share-btn:hover,.page-details .share-btn:focus-visible{border-color:var(--hud-cyan);color:var(--hud-cyan);transform:translateY(-1px)}.page-details .share-btn .icon{width:16px;height:16px}.page-details .share-btn.flash{background:var(--hud-cyan);color:var(--night);border-color:var(--hud-cyan)}
@media (prefers-reduced-motion:reduce){.page-details .share-btn{transition:none}.page-details .share-btn:hover{transform:none}}.page-details .scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--hud-cyan);z-index:calc(var(--z-header)+1);transition:width .08s linear;pointer-events:none}
@media (prefers-reduced-motion:reduce){.page-details .scroll-progress{transition:none}}.page-details .mini-bar{position:fixed;top:var(--header-h);left:0;right:0;background:rgba(13,13,13,0.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);transform:translateY(-110%);transition:transform 0.25s var(--ease);z-index:calc(var(--z-header) - 1)}.page-details .mini-bar .mini-bar-inner{display:flex;align-items:center;gap:1.5rem;padding:0.75rem var(--container-pad);max-width:var(--container-max);margin:0 auto}body.page-details.mini-bar-visible .mini-bar{transform:translateY(0)}.page-details .mini-bar #mini-name{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em}.page-details .mini-bar .mini-stats{margin-left:auto;display:flex;gap:1.25rem;color:var(--text-secondary);font-size:0.85rem}.page-details .mini-bar .mini-stats span i,.page-details .mini-bar .mini-stats span .icon{color:var(--hud-cyan);margin-right:0.35rem}
@media (max-width:64em){.page-details .mini-bar{display:none}}.page-details .chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.5rem}.page-details .chip{position:relative;background:var(--night-soft);border:1px solid var(--border-subtle);color:var(--text-primary);padding:0.6rem 0.85rem;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:0.5rem;cursor:default;font-size:0.85rem;text-align:left;transition:var(--transition-fast);width:100%}.page-details .chip:hover,.page-details .chip:focus-visible{border-color:var(--border-cyan-md);color:var(--hud-cyan);transform:translateY(-1px)}.page-details .chip i,.page-details .chip .icon{color:var(--hud-cyan);flex-shrink:0}.page-details .chip-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-details .chip-tooltip{position:absolute;bottom:calc(100%+8px);left:50%;transform:translateX(-50%);background:var(--night);color:var(--text-primary);border:1px solid var(--border-cyan-md);padding:0.5rem 0.75rem;border-radius:var(--r-md);font-size:0.75rem;white-space:normal;width:max-content;max-width:280px;opacity:0;pointer-events:none;transition:opacity 0.15s var(--ease);z-index:10;box-shadow:var(--shadow-lg)}.page-details .chip:hover .chip-tooltip,.page-details .chip:focus-visible .chip-tooltip{opacity:1}
@media (min-width:64em){.page-details .hero-main{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:stretch}.page-details .hero-right .aircraft-image-container img{height:500px;width:100%;object-fit:cover}}.page-details .description-section .section-content{max-width:65ch}.page-details .description-section .section-content p:first-of-type::first-letter{font-family:var(--font-display);font-size:3.6em;float:left;line-height:0.9;padding:4px 10px 0 0;color:var(--hud-cyan);font-weight:700}.page-details .aircraft-hero{position:relative;background:var(--night);padding:7rem 0 6rem;margin-top:70px;overflow:hidden}.page-details .hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 30%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0}.page-details .hero-content{position:relative;z-index:1}.page-details .breadcrumb{display:flex;align-items:center;gap:0.75rem;margin-bottom:3rem;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px}.page-details .breadcrumb a{color:rgba(255,255,255,0.3);text-decoration:none;transition:var(--transition-fast);display:flex;align-items:center;gap:0.5rem}.page-details .breadcrumb a:hover{color:rgba(255,255,255,0.7)}.page-details .breadcrumb>i,.page-details .breadcrumb>.icon{font-size:0.6rem;color:rgba(255,255,255,0.15)}.page-details .breadcrumb span{color:rgba(255,255,255,0.7)}.page-details .hero-main{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.page-details .hero-left{color:var(--white)}.page-details .aircraft-badge{display:inline-flex;align-items:center;gap:0.5rem;background:transparent;padding:0;font-size:0.7rem;font-weight:700;margin-bottom:2rem;border:none;color:rgba(255,255,255,0.28);text-transform:uppercase;letter-spacing:3px}.page-details .aircraft-badge::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.15);flex-shrink:0}.page-details .hero-left h1{font-family:'DM Sans',sans-serif;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:700;letter-spacing:-2px;margin-bottom:1rem;line-height:1.0}.page-details .aircraft-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.38);margin-bottom:2.5rem}.page-details .hero-meta{display:flex;gap:0;margin-bottom:3rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:1.25rem 0}.page-details .meta-item{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.5);padding-right:1.75rem;margin-right:1.75rem;border-right:1px solid rgba(255,255,255,0.07)}.page-details .meta-item:last-child{border-right:none;margin-right:0;padding-right:0}.page-details .meta-item i,.page-details .meta-item .icon{font-size:0.9rem;color:rgba(255,255,255,0.25)}.page-details .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.page-details .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:var(--transition);font-family:'DM Sans',sans-serif;white-space:nowrap}.page-details .btn-favorite{background:rgba(200,169,110,0.06);backdrop-filter:blur(10px);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.2)}.page-details .btn-favorite:hover{background:rgba(200,169,110,0.12);border-color:rgba(200,169,110,0.4)}.page-details .btn-favorite.favorited{background:rgba(255,171,0,0.15);border-color:var(--hud-amber);color:var(--hud-amber)}.page-details .btn-favorite.favorited i,.page-details .btn-favorite.favorited .icon{color:var(--hud-amber)}.page-details .btn-secondary{background:rgba(255,255,255,0.04);backdrop-filter:blur(10px);color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.15)}.page-details .btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.3)}.page-details .btn-danger{background:rgba(231,76,60,0.1);color:var(--accent);border:1px solid rgba(231,76,60,0.25)}.page-details .btn-danger:hover{background:rgba(231,76,60,0.2);border-color:var(--accent)}.page-details .btn-primary{background:var(--hud-cyan);color:var(--night);border:1px solid transparent;font-weight:700}.page-details .btn-primary:hover{background:#D4B87E}.page-details .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2)}.page-details .btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.page-details .hero-right{position:relative}.page-details .aircraft-image-container{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);box-shadow:0 16px 48px rgba(0,0,0,0.4);background:var(--night-soft)}.page-details .aircraft-image{width:100%;height:auto;display:block;transition:var(--transition)}.page-details .aircraft-image-container:hover .aircraft-image{transform:scale(1.05)}.page-details .image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,0.4) 0%,transparent 40%);pointer-events:none}.page-details .quick-stats{background:var(--night-mid);padding:4rem 0;margin-top:-2rem;margin-bottom:4rem;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,0.06)}.page-details .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.page-details .stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;transition:var(--transition)}.page-details .stat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.13);box-shadow:0 8px 24px rgba(0,0,0,0.3)}.page-details .stat-icon{width:56px;height:56px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--hud-cyan);flex-shrink:0}.page-details .stat-content{flex:1}.page-details .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.4);margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.page-details .stat-value{font-family:'DM Sans',sans-serif;font-size:1.4rem;font-weight:700;color:var(--white)}.page-details main{padding:6rem 0}.page-details .content-layout{display:grid;gap:2.5rem}.page-details .content-section{background:rgba(20,20,20,0.6);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:3rem;transition:var(--transition)}.page-details .content-section:hover{border-color:rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.page-details .section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.07)}.page-details .section-header h2{font-family:'DM Sans',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-0.5px;color:var(--white);display:flex;align-items:center;gap:0.75rem}.page-details .section-header h2 i,.page-details .section-header h2 .icon{color:var(--hud-cyan)}.page-details .section-content{line-height:1.8}.page-details .description-section p{font-size:1.05rem;color:rgba(255,255,255,0.55)}.page-details .timeline{position:relative;padding-left:3rem}.page-details .timeline::before{content:'';position:absolute;left:0.75rem;top:0;bottom:3rem;width:2px;background:rgba(255,255,255,0.1);z-index:0}.page-details .timeline-item{position:relative;margin-bottom:2rem;z-index:1}.page-details .timeline-marker{position:absolute;left:-3.45rem;width:40px;height:40px;background:var(--night-mid);border:1px solid rgba(255,255,255,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hud-cyan);font-size:1rem;box-shadow:0 0 0 4px var(--night);z-index:2}.page-details .timeline-content h4{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--white);margin-bottom:0.5rem;font-size:1rem}.page-details .timeline-date{color:rgba(255,255,255,0.5);font-weight:600}.page-details .feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.page-details .feature-card{background:rgba(255,255,255,0.02);padding:1.5rem;border-radius:12px;border-left:3px solid rgba(255,255,255,0.15);transition:var(--transition);border-top:1px solid rgba(255,255,255,0.06);border-right:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}.page-details .feature-card:hover{transform:translateX(4px);border-left-color:var(--hud-cyan);background:rgba(255,255,255,0.04);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-details .feature-card h4{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--white);margin-bottom:0.75rem;font-size:1.05rem}.page-details .feature-card p{color:rgba(255,255,255,0.45);line-height:1.6}.page-details .mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.75rem}.page-details .mission-card{background:rgba(255,255,255,0.02);padding:1.5rem;border-radius:12px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,0.06)}.page-details .mission-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.12);box-shadow:0 8px 24px rgba(0,0,0,0.25)}.page-details .mission-icon{width:56px;height:56px;background:rgba(255,171,0,0.1);border:1px solid rgba(255,171,0,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--hud-amber)}.page-details .mission-card h4{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--white);margin-bottom:0.5rem;font-size:1rem}.page-details .mission-card p{color:rgba(255,255,255,0.45);font-size:0.95rem}.page-details .wars-timeline{display:grid;gap:1.25rem}.page-details .war-card{background:rgba(231,76,60,0.04);padding:1.75rem;border-radius:12px;border-left:3px solid var(--accent);position:relative;transition:var(--transition);border-top:1px solid rgba(231,76,60,0.08);border-right:1px solid rgba(231,76,60,0.08);border-bottom:1px solid rgba(231,76,60,0.08)}.page-details .war-card:hover{transform:translateX(8px);background:rgba(231,76,60,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-details .war-card h4{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--accent);margin-bottom:0.75rem;font-size:1.15rem}.page-details .war-period{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.5);margin-bottom:0.75rem;font-weight:600}.page-details .war-period i,.page-details .war-period .icon{color:var(--accent)}.page-details .war-card p{color:rgba(255,255,255,0.45);line-height:1.7}.page-details .modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem}.page-details .modal.show{display:flex}.page-details .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.8);backdrop-filter:blur(6px)}.page-details .modal-container{position:relative;background:var(--night-mid);border:1px solid rgba(255,255,255,0.09);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,0.6);max-width:64em;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn 0.3s ease}
@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.page-details .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid rgba(255,255,255,0.07)}.page-details .modal-header h2{font-family:'DM Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:0.75rem}.page-details .modal-close{background:transparent;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.5);font-size:1.5rem}.page-details .modal-close:hover{background:rgba(255,255,255,0.08);color:var(--white);transform:rotate(90deg)}.page-details .modal-form{flex:1;overflow-y:auto;padding:2rem}.page-details .form-sections{display:flex;flex-direction:column;gap:2rem}.page-details .form-section{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:1.5rem}.page-details .form-section h3{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.page-details .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.page-details .form-group{display:flex;flex-direction:column}.page-details .form-group.span-2{grid-column:span 2}.page-details .form-group label{font-weight:600;color:rgba(255,255,255,0.6);margin-bottom:0.5rem;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px}.page-details .form-group input,.page-details .form-group select,.page-details .form-group textarea{padding:0.875rem 1rem;border:1px solid rgba(255,255,255,0.09);border-radius:8px;font-family:'DM Sans',sans-serif;font-size:0.95rem;transition:var(--transition-fast);background:rgba(255,255,255,0.03);color:var(--white)}.page-details .form-group input::placeholder,.page-details .form-group textarea::placeholder{color:rgba(255,255,255,0.25)}.page-details .form-group input:focus,.page-details .form-group select:focus,.page-details .form-group textarea:focus{outline:none;border-color:rgba(255,255,255,0.22);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.page-details .form-group select option{background:var(--night-mid);color:var(--white)}.page-details .form-group textarea{resize:vertical;min-height:100px}.page-details .modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.75rem 2rem;border-top:1px solid rgba(255,255,255,0.07)}.page-details .radar-section{padding:3.5rem 0;background:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,transparent 100%);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}.page-details .radar-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem 2.5rem}.page-details .radar-card-header{text-align:center;margin-bottom:2.5rem}.page-details .radar-card-header h2{font-family:'Barlow Condensed',sans-serif;color:var(--white);font-size:1.25rem;font-weight:600;margin:0 0 0.5rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;letter-spacing:0.04em}.page-details .radar-card-header h2 i,.page-details .radar-card-header h2 .icon{color:var(--hud-cyan,#C8A96E)}.page-details .radar-subtitle{color:rgba(255,255,255,0.4);font-size:0.82rem;margin:0;text-transform:uppercase;letter-spacing:0.1em}.page-details .radar-card-body{display:flex;align-items:center;gap:3rem}.page-details .radar-chart-area{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:280px}.page-details .radar-chart-area svg{overflow:visible}.page-details .radar-legend-area{flex:1;display:flex;flex-direction:column;gap:1.1rem}.page-details .radar-stat-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.45rem}.page-details .radar-stat-icon{width:2rem;height:2rem;background:rgba(200,169,110,0.08);border:1px solid rgba(200,169,110,0.18);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--hud-cyan,#C8A96E);font-size:0.78rem;flex-shrink:0}.page-details .radar-stat-info{flex:1;display:flex;flex-direction:column;gap:0.1rem}.page-details .radar-stat-label{font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.07em}.page-details .radar-stat-value{font-size:0.9rem;color:var(--white);font-weight:500}.page-details .radar-stat-pct{font-size:0.78rem;font-weight:700;color:var(--hud-cyan,#C8A96E);font-family:'Barlow Condensed',sans-serif;min-width:2.8rem;text-align:right}.page-details .radar-bar{height:3px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden}.page-details .radar-bar-fill{height:100%;background:linear-gradient(90deg,rgba(200,169,110,0.5),#C8A96E);border-radius:2px;width:0%;transition:width 0.9s cubic-bezier(0.4,0,0.2,1)}
@media (max-width:64em){.page-details .radar-card-body{flex-direction:column;gap:2rem}.page-details .radar-chart-area{width:240px}.page-details .radar-legend-area{width:100%}}
@media (max-width:30em){.page-details .radar-card{padding:1.5rem}.page-details .radar-chart-area{width:200px}}
@media (min-width:90em){.page-details .feature-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
@media (max-width:75em){.page-details .hero-main{grid-template-columns:1fr;gap:3rem}.page-details .hero-right{order:-1}.page-details .stats-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:64em){.page-details .hero-left h1{font-size:clamp(2rem,4vw,3rem)}.page-details .feature-grid,.page-details .mission-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media (max-width:64em){.page-details .btn{min-height:44px}.page-details .feature-grid,.page-details .mission-grid{grid-template-columns:1fr}.page-details .form-grid{grid-template-columns:1fr}.page-details .form-group.span-2{grid-column:span 1}}
@media (max-width:48em){.page-details .container{padding:0 1.5rem}.page-details .aircraft-hero{padding:5rem 0 4rem}.page-details .breadcrumb{font-size:0.85rem;margin-bottom:2rem}.page-details .aircraft-subtitle{font-size:1.05rem}.page-details .hero-actions{flex-direction:column}.page-details .btn{width:100%;min-height:44px}.page-details .stats-grid{grid-template-columns:1fr}.page-details .stat-card{padding:1.25rem}.page-details .content-section{padding:1.5rem}.page-details .section-header h2{font-size:1.3rem}.page-details .timeline{padding-left:2.5rem}.page-details .timeline-marker{left:-2.875rem;width:36px;height:36px}.page-details .modal-container{max-height:95vh}.page-details .modal-header,.page-details .modal-form,.page-details .modal-footer{padding:1.5rem}.page-details .modal-header h2{font-size:1.3rem}}
@media (max-width:48em){.page-details .hero-meta{gap:0.75rem}.page-details .stat-card{padding:1.25rem;gap:1rem}.page-details .stat-icon{width:48px;height:48px;font-size:1.25rem}}
@media (max-width:30em){.page-details .aircraft-hero{padding:6rem 0 3rem;margin-top:60px}.page-details .breadcrumb{font-size:0.8rem;gap:0.5rem;margin-bottom:1.5rem}.page-details .aircraft-badge{font-size:0.7rem;padding:0.375rem 1rem;margin-bottom:1rem}.page-details .hero-left h1{font-size:clamp(1.75rem,5vw,2.5rem)}.page-details .aircraft-subtitle{font-size:1rem;margin-bottom:1.5rem}.page-details .hero-meta{flex-direction:column;gap:0.5rem;margin-bottom:2rem}.page-details .meta-item{font-size:0.9rem}.page-details .btn{padding:0.75rem 1.5rem;font-size:0.9rem}.page-details .quick-stats{padding:2rem 0}.page-details .stat-card{padding:1rem}.page-details .stat-icon{width:44px;height:44px;font-size:1.1rem}.page-details .stat-label{font-size:0.7rem}.page-details .stat-value{font-size:1.2rem}.page-details .content-section{padding:1.25rem;border-radius:12px}.page-details .section-header{margin-bottom:1.5rem}.page-details .section-header h2{font-size:1.15rem}.page-details .description-section p{font-size:1rem}.page-details .timeline{padding-left:3.45rem}.page-details .timeline-content{padding-left:2rem}.page-details .timeline::before{left:3rem;width:2px}.page-details .timeline-marker{left:-1.75rem;width:32px;height:32px;font-size:0.875rem}.page-details .feature-card,.page-details .war-card{padding:1.25rem}.page-details .feature-card h4,.page-details .war-card h4{font-size:1rem}.page-details .mission-card{padding:1.25rem}.page-details .mission-icon{width:48px;height:48px;font-size:1.3rem}.page-details .mission-card h4{font-size:1rem}.page-details .modal{padding:0;align-items:flex-end}.page-details .modal-container{border-radius:16px 16px 0 0;max-height:90vh}.page-details .modal-header{padding:1.25rem}.page-details .modal-header h2{font-size:1.15rem}.page-details .modal-form,.page-details .modal-footer{padding:1.25rem}.page-details .form-section{padding:1.25rem}.page-details .form-section h3{font-size:0.9rem}}
@media (hover:none) and (pointer:coarse){.page-details .btn{min-height:48px}.page-details .modal-close{min-width:48px;min-height:48px}.page-details .timeline-marker{min-width:44px;min-height:44px}.page-details .btn:active,.page-details .stat-card:active,.page-details .feature-card:active,.page-details .mission-card:active,.page-details .war-card:active{transform:scale(0.97)}}
@media (prefers-reduced-motion:reduce){.page-details *,.page-details *::before,.page-details *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}
@media print{.page-details *,.page-details *::before,.page-details *::after{background:white !important;color:#111 !important;box-shadow:none !important;text-shadow:none !important;border-color:#ccc !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-details header,.page-details footer,.page-details .hero-actions,.page-details .breadcrumb,.page-details .hero-background,.page-details .image-overlay,.page-details #toast-container,.page-details #edit-modal,.page-details .cookie-banner,.page-details .cookie-modal,.page-details .hamburger,.page-details .lang-switch{display:none !important}body.page-details{font-size:11pt;line-height:1.5}.page-details .container{max-width:100%;padding:0 1cm}.page-details .aircraft-hero{margin-top:0 !important;padding:1cm 0 0.5cm !important;border-bottom:2px solid #111 !important;page-break-after:avoid}.page-details .aircraft-hero::before{content:'Vol d\'Histoire — Fiche technique';display:block;font-size:8pt;color:#666 !important;text-transform:uppercase;letter-spacing:2px;margin-bottom:0.5cm}.page-details .hero-main{grid-template-columns:1fr 1fr;gap:1cm}.page-details .hero-left h1{font-size:28pt;letter-spacing:-1px;color:#000 !important}.page-details .aircraft-subtitle{color:#555 !important}.page-details .aircraft-badge{color:#666 !important}.page-details .hero-meta{border-color:#ccc !important}.page-details .meta-item{color:#444 !important}.page-details .meta-item i,.page-details .meta-item .icon{color:#666 !important}.page-details .aircraft-image-container{border:1px solid #ccc !important;border-radius:8px;overflow:hidden}.page-details .aircraft-image{max-height:7cm;object-fit:cover}.page-details .quick-stats{padding:0.5cm 0 !important;margin:0 !important;border-bottom:1px solid #ccc !important}.page-details .stats-grid{grid-template-columns:repeat(4,1fr);gap:0.5cm}.page-details .stat-card{border:1px solid #ddd !important;border-radius:6px;padding:0.4cm}.page-details .stat-icon{background:#f5f5f5 !important;border-color:#ddd !important;color:#333 !important}.page-details .stat-label{color:#666 !important}.page-details .stat-value{color:#000 !important}.page-details main{padding:0.5cm 0 !important}.page-details .content-layout{gap:0.5cm}.page-details .content-section{background:#fafafa !important;border:1px solid #ddd !important;border-radius:6px;padding:0.5cm !important;page-break-inside:avoid;opacity:1 !important;transform:none !important;transition:none !important}.page-details .section-header{border-bottom-color:#ddd !important;margin-bottom:0.4cm}.page-details .section-header h2{font-size:13pt;color:#000 !important}.page-details .section-header h2 i,.page-details .section-header h2 .icon{color:#333 !important}.page-details .description-section p{color:#333 !important}.page-details .timeline::before{background:#ccc !important}.page-details .timeline-marker{background:#f0f0f0 !important;border-color:#ccc !important;color:#333 !important;box-shadow:none !important}.page-details .timeline-content h4{color:#000 !important}.page-details .timeline-date{color:#555 !important}.page-details .feature-grid{grid-template-columns:repeat(2,1fr);gap:0.4cm}.page-details .feature-card{border-left-color:#333 !important;background:#f9f9f9 !important;padding:0.4cm !important}.page-details .feature-card h4{color:#000 !important}.page-details .feature-card p{color:#555 !important}.page-details .mission-grid{grid-template-columns:repeat(3,1fr);gap:0.4cm}.page-details .mission-card{background:#f9f9f9 !important;padding:0.4cm !important}.page-details .mission-icon{background:#eee !important;border-color:#ccc !important;color:#444 !important}.page-details .mission-card h4{color:#000 !important}.page-details .mission-card p{color:#555 !important}.page-details .war-card{border-left-color:#666 !important;background:#f9f9f9 !important}.page-details .war-card h4{color:#222 !important}.page-details .war-period{color:#555 !important}.page-details .war-period i,.page-details .war-period .icon{color:#666 !important}.page-details .war-card p{color:#555 !important}.page-details main::after{content:'vol-histoire.titouan-borde.com';display:block;text-align:center;font-size:8pt;color:#999 !important;margin-top:0.5cm;padding-top:0.3cm;border-top:1px solid #ddd !important}}body.page-timeline{background:var(--night)}body.page-timeline.tl-has-cinematic::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 30%,var(--tl-active-era,transparent) 0%,transparent 55%),radial-gradient(ellipse at 70% 70%,var(--tl-active-era,transparent) 0%,transparent 60%);opacity:0.10;z-index:0;pointer-events:none;transition:background 1.4s var(--ease),opacity 1.4s var(--ease);mix-blend-mode:screen}.page-timeline .tl-cinematic{position:relative;min-height:100vh;padding:0;overflow-x:hidden}.page-timeline .tl-particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0.55}
@media (prefers-reduced-motion:reduce){.page-timeline .tl-particles{display:none}body.page-timeline.tl-has-cinematic::before{transition:none}}.page-timeline .tl-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--night);z-index:5000;transition:opacity 0.5s var(--ease)}.page-timeline .tl-loading.gone{opacity:0;pointer-events:none}.page-timeline .tl-loader{width:48px;height:48px;border:2px solid rgba(200,169,110,0.15);border-top-color:var(--hud-cyan);border-radius:50%;animation:tl-spin 1s linear infinite}
@keyframes tl-spin{to{transform:rotate(360deg)}}.page-timeline .tl-intro{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--header-h) 2rem 4rem;overflow:hidden;isolation:isolate}.page-timeline .tl-intro-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 40%,rgba(200,169,110,0.10) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(74,127,160,0.08) 0%,transparent 55%),linear-gradient(180deg,var(--night) 0%,var(--night-mid) 100%)}.page-timeline .tl-intro-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,169,110,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,0.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.page-timeline .tl-intro-inner{max-width:1100px;margin:0 auto;text-align:center;position:relative}.page-timeline .tl-eyebrow{display:inline-block;color:var(--hud-cyan);font-family:'Courier New',monospace;font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;padding:0.4rem 1rem;border:1px solid var(--border-cyan-md);border-radius:2px;margin-bottom:2rem}.page-timeline .tl-title{font-family:var(--font-display);font-weight:700;color:var(--text-primary);font-size:clamp(3rem,9vw,7.5rem);line-height:0.92;letter-spacing:-0.01em;margin-bottom:1.5rem;text-transform:uppercase}.page-timeline .tl-title-line-1,.page-timeline .tl-title-line-2{display:block;opacity:0;transform:translateY(24px);animation:tl-fade-up 1s var(--ease) forwards}.page-timeline .tl-title-line-1{color:var(--hud-cyan);font-size:0.58em;font-weight:400;letter-spacing:0.05em;margin-bottom:0.3rem;animation-delay:0.1s}.page-timeline .tl-title-line-2{animation-delay:0.25s}
@keyframes tl-fade-up{to{opacity:1;transform:translateY(0)}}.page-timeline .tl-lede{max-width:48em;margin:0 auto 3rem;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;opacity:0;animation:tl-fade-up 1s var(--ease) 0.5s forwards}.page-timeline .tl-intro-stats{display:flex;gap:4rem;justify-content:center;margin-bottom:4rem;opacity:0;animation:tl-fade-up 1s var(--ease) 0.7s forwards}.page-timeline .tl-stat{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.page-timeline .tl-stat-num{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:0.02em}.page-timeline .tl-stat-lbl{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.18em}.page-timeline .tl-scroll-hint{position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;opacity:0;animation:tl-fade-up 1s var(--ease) 1s forwards,tl-bounce 2.2s var(--ease) 1.8s infinite}.page-timeline .tl-scroll-hint i,.page-timeline .tl-scroll-hint .icon{font-size:0.85rem;color:var(--hud-cyan)}
@keyframes tl-bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}.page-timeline .tl-chapters{position:relative}.page-timeline .tl-chapter{position:relative;min-height:100vh;padding:8rem 2rem 10rem;isolation:isolate;overflow:hidden}.page-timeline .tl-chapter-backdrop{position:absolute;inset:0;z-index:-3;background-image:var(--era-bg,none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(30px) brightness(0.28) saturate(0.7);opacity:0;transform:scale(1.15);transition:opacity 1.6s var(--ease),transform 3s var(--ease);will-change:opacity,transform}.page-timeline .tl-chapter.in-view .tl-chapter-backdrop{opacity:0.55;transform:scale(1)}.page-timeline .tl-chapter::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 20% 20%,var(--era-color,var(--hud-cyan)) 0%,transparent 45%);opacity:0.08;transition:opacity 1s var(--ease)}.page-timeline .tl-chapter::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);background-size:60px 60px}.page-timeline .tl-chapter.in-view::before{opacity:0.20}.page-timeline .tl-chapter-inner{max-width:75em;margin:0 auto;position:relative;display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:4rem;align-items:start}.page-timeline .tl-chapter-side{position:sticky;top:calc(var(--header-h)+3rem);align-self:start;min-height:calc(100vh - var(--header-h) - 6rem);display:flex;flex-direction:column;justify-content:center;gap:2rem}.page-timeline .tl-decade-block{position:relative}.page-timeline .tl-decade-num{font-family:var(--font-display);font-size:clamp(6rem,14vw,11rem);font-weight:700;line-height:0.85;letter-spacing:-0.02em;background:linear-gradient(180deg,var(--era-color,var(--hud-cyan)) 0%,transparent 90%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.page-timeline .tl-decade-suffix{position:absolute;top:0.4em;right:-0.5em;font-family:var(--font-display);font-size:0.18em;color:var(--era-color,var(--hud-cyan));letter-spacing:0.1em}.page-timeline .tl-era-text{padding-top:1.5rem;border-top:1px solid var(--era-color,var(--border-subtle));max-width:100%}.page-timeline .tl-era-label{font-family:'Courier New',monospace;font-size:0.72rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--era-color,var(--hud-cyan));margin-bottom:0.75rem;display:block}.page-timeline .tl-era-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.15;letter-spacing:0.01em;text-transform:uppercase}.page-timeline .tl-era-desc{color:var(--text-secondary);font-size:1rem;line-height:1.75;margin-bottom:1.5rem}.page-timeline .tl-era-meta{display:flex;gap:2rem;color:var(--text-muted);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.15em}.page-timeline .tl-era-meta strong{display:block;color:var(--text-primary);font-size:1.35rem;font-family:var(--font-display);font-weight:500;letter-spacing:0.02em;text-transform:none;margin-top:0.25rem}.page-timeline .tl-chapter-main{min-width:0}.page-timeline .tl-aircraft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.page-timeline .tl-aircraft-grid .tl-plane-card.feature{grid-column:1 / -1}.page-timeline .tl-aircraft-grid .tl-plane-card.feature .tl-plane-img{aspect-ratio:21/9}.page-timeline .tl-aircraft-grid .tl-plane-card.feature .tl-plane-name{font-size:1.65rem}.page-timeline .tl-split-word{display:inline-block;opacity:0;transform:translateY(14px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease);transition-delay:calc(var(--i,0) * 40ms)}.page-timeline .tl-split.revealed .tl-split-word{opacity:1;transform:translateY(0)}.page-timeline .tl-plane-card{position:relative;background:rgba(20,20,20,0.72);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:border-color 0.3s var(--ease),transform 0.3s var(--ease);opacity:0;transform:translateY(30px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none}.page-timeline .tl-plane-card.reveal{animation:tl-card-in 0.8s var(--ease) forwards}
@keyframes tl-card-in{to{opacity:1;transform:translateY(0)}}.page-timeline .tl-plane-card:hover{border-color:var(--era-color,var(--hud-cyan));transform:translateY(-4px)}.page-timeline .tl-plane-card:hover .tl-plane-img img{transform:scale(1.06)}.page-timeline .tl-plane-img{aspect-ratio:16/9;overflow:hidden;position:relative;background:var(--night-soft)}.page-timeline .tl-plane-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease);display:block}.page-timeline .tl-plane-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,13,13,0.9) 100%);pointer-events:none}.page-timeline .tl-plane-year{position:absolute;top:0.75rem;left:0.75rem;background:rgba(13,13,13,0.85);backdrop-filter:blur(8px);color:var(--era-color,var(--hud-cyan));padding:0.25rem 0.6rem;border-radius:var(--r-sm);font-family:var(--font-display);font-size:0.75rem;letter-spacing:0.08em;border:1px solid var(--era-color,var(--border-cyan));z-index:2}.page-timeline .tl-plane-gen{position:absolute;top:0.75rem;right:0.75rem;background:rgba(13,13,13,0.85);backdrop-filter:blur(8px);color:var(--text-primary);padding:0.25rem 0.6rem;border-radius:var(--r-sm);font-family:'Courier New',monospace;font-size:0.68rem;letter-spacing:0.1em;border:1px solid var(--border-subtle);z-index:2}.page-timeline .tl-plane-body{padding:1rem 1.1rem 1.1rem}.page-timeline .tl-plane-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 0.2rem;letter-spacing:0.01em;text-transform:uppercase;line-height:1.2}.page-timeline .tl-plane-country{font-size:0.78rem;color:var(--text-muted);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.75rem}.page-timeline .tl-plane-specs{display:flex;gap:1rem;padding-top:0.75rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:0.78rem}.page-timeline .tl-plane-specs span{display:inline-flex;align-items:center;gap:0.35rem}.page-timeline .tl-plane-specs i,.page-timeline .tl-plane-specs .icon{color:var(--era-color,var(--hud-cyan));font-size:0.72rem}.page-timeline .tl-outro{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;background:linear-gradient(180deg,transparent 0%,var(--night-mid) 100%)}.page-timeline .tl-outro-inner{text-align:center;max-width:48em}.page-timeline .tl-outro h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);color:var(--text-primary);margin:1rem 0 1rem;text-transform:uppercase;letter-spacing:0.01em;font-weight:600}.page-timeline .tl-outro p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2.5rem}.page-timeline .tl-cta{display:inline-flex;align-items:center;gap:0.75rem;background:transparent;color:var(--hud-cyan);border:1px solid var(--hud-cyan);padding:0.9rem 1.75rem;font-family:var(--font-display);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.15em;text-decoration:none;transition:var(--transition);border-radius:2px}.page-timeline .tl-cta:hover{background:var(--hud-cyan);color:var(--night)}.page-timeline .tl-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--hud-cyan),var(--blue));z-index:calc(var(--z-header)+1);transition:width 0.08s linear;pointer-events:none}.page-timeline .tl-year-hud{position:fixed;top:calc(var(--header-h)+1.25rem);right:2rem;display:flex;flex-direction:column;align-items:flex-end;padding:0.5rem 0.9rem;background:rgba(13,13,13,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-cyan-md);border-radius:var(--r-md);z-index:900;opacity:0;transform:translateY(-8px);transition:opacity 0.4s var(--ease),transform 0.4s var(--ease);pointer-events:none}.page-timeline .tl-year-hud.visible{opacity:1;transform:translateY(0)}.page-timeline #tl-year-hud-num{color:var(--hud-cyan);font-family:var(--font-display);font-size:1.4rem;font-weight:600;line-height:1;letter-spacing:0.03em}.page-timeline .tl-year-hud-lbl{color:var(--text-muted);font-size:0.62rem;letter-spacing:0.15em;text-transform:uppercase;margin-top:0.15rem}.page-timeline .tl-minimap{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.4rem;z-index:900;opacity:0;transition:opacity 0.4s var(--ease)}.page-timeline .tl-minimap.visible{opacity:1}.page-timeline .tl-mm-btn{background:transparent;border:none;cursor:pointer;padding:0.35rem 0.5rem 0.35rem 0;display:flex;align-items:center;gap:0.6rem;position:relative}.page-timeline .tl-mm-label{color:var(--text-muted);font-family:'Courier New',monospace;font-size:0.65rem;letter-spacing:0.1em;opacity:0;transform:translateX(6px);transition:var(--transition-fast);white-space:nowrap}.page-timeline .tl-mm-tick{width:22px;height:1px;background:var(--text-faint);transition:var(--transition-fast);flex-shrink:0}.page-timeline .tl-mm-btn:hover .tl-mm-label,.page-timeline .tl-mm-btn.active .tl-mm-label{opacity:1;transform:translateX(0)}.page-timeline .tl-mm-btn:hover .tl-mm-tick{width:36px;background:var(--text-secondary)}.page-timeline .tl-mm-btn.active .tl-mm-tick{width:44px;background:var(--hud-cyan);height:2px}.page-timeline .tl-mm-btn.active .tl-mm-label{color:var(--hud-cyan)}
@media (max-width:64em){.page-timeline .tl-year-hud{right:1rem;padding:0.4rem 0.7rem}.page-timeline #tl-year-hud-num{font-size:1.15rem}.page-timeline .tl-chapter{padding:6rem 1.25rem 7rem}.page-timeline .tl-chapter-inner{grid-template-columns:1fr;gap:2rem}.page-timeline .tl-chapter-side{position:static;min-height:auto;margin-bottom:1rem}.page-timeline .tl-era-text{padding-top:1.25rem}.page-timeline .tl-aircraft-grid{grid-template-columns:1fr;gap:1rem}.page-timeline .tl-aircraft-grid .tl-plane-card.feature .tl-plane-img{aspect-ratio:16/9}.page-timeline .tl-aircraft-grid .tl-plane-card.feature .tl-plane-name{font-size:1.25rem}.page-timeline .tl-intro-stats{gap:2rem;margin-bottom:3rem}.page-timeline .tl-intro{padding:calc(var(--header-h)+1rem) 1.25rem 3rem}}
@media (max-width:48em){.page-timeline .tl-minimap{display:none}.page-timeline .tl-year-hud{display:none}.page-timeline .tl-intro-stats{gap:1.25rem}.page-timeline .tl-stat-lbl{font-size:0.62rem}.page-timeline .tl-decade-num{font-size:clamp(4.5rem,18vw,6rem)}.page-timeline .tl-chapter{padding:4rem 1rem 5rem}.page-timeline .tl-intro{padding:calc(var(--header-h)+0.75rem) 1rem 2rem}.page-timeline .tl-outro-inner{padding:3rem 1rem}.page-timeline .tl-outro h2{font-size:1.5rem}}
@media (max-width:30em){.page-timeline .tl-chapter{padding:3rem 0.75rem 4rem}.page-timeline .tl-chapter-inner{gap:1.5rem}.page-timeline .tl-intro-stats{gap:0.75rem;flex-direction:column;align-items:center}.page-timeline .tl-stat-num{font-size:2rem}.page-timeline .tl-stat-lbl{font-size:0.58rem}.page-timeline .tl-decade-num{font-size:clamp(3.5rem,16vw,5rem)}.page-timeline .tl-era-text{font-size:0.8rem;padding-top:1rem}.page-timeline .tl-plane-card .tl-plane-name{font-size:0.9rem}.page-timeline .tl-plane-card .tl-plane-desc{font-size:0.8rem}.page-timeline .tl-intro{padding:calc(var(--header-h)+0.5rem) 0.75rem 1.5rem}.page-timeline .tl-outro-inner{padding:2.5rem 0.75rem}.page-timeline .tl-outro h2{font-size:1.3rem}.page-timeline .tl-cta{font-size:0.85rem;padding:0.7rem 1.25rem}}
@media (prefers-reduced-motion:reduce){.page-timeline .tl-title-line-1,.page-timeline .tl-title-line-2,.page-timeline .tl-lede,.page-timeline .tl-intro-stats,.page-timeline .tl-scroll-hint,.page-timeline .tl-plane-card{opacity:1;transform:none;animation:none}.page-timeline .tl-chapter::before{opacity:0.16;transition:none}.page-timeline .tl-plane-card{transition:none}.page-timeline .tl-plane-card:hover{transform:none}.page-timeline .tl-plane-img img{transition:none}.page-timeline .tl-progress{transition:none}}.page-favorites .page-hero{position:relative;background:var(--night);padding:9rem 0 8rem;margin-top:70px;overflow:hidden}.page-favorites .hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0}.page-favorites .page-hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:4rem}.page-favorites .hero-text{flex:1;max-width:48em}.page-favorites .hero-eyebrow{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,0.28);display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.page-favorites .hero-eyebrow::before{content:'';width:28px;height:1px;background:rgba(255,255,255,0.15);flex-shrink:0}.page-favorites .hero-text h1{font-family:'DM Sans',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;letter-spacing:-2px;line-height:1.0;color:var(--white);margin-bottom:2rem}.page-favorites .hero-muted{display:block;color:rgba(255,255,255,0.22);font-weight:300;letter-spacing:-1px}.page-favorites .hero-text>p{font-size:1rem;color:rgba(255,255,255,0.38);max-width:420px;line-height:1.85;margin-bottom:0}.page-favorites .hero-data{display:flex;flex-direction:column;padding-left:3rem;border-left:1px solid rgba(255,255,255,0.08);flex-shrink:0;min-width:220px}.page-favorites .data-row{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.page-favorites .data-row:last-child{border-bottom:none;padding-bottom:0}.page-favorites .data-number{font-family:'DM Sans',sans-serif;font-size:2.25rem;font-weight:700;color:var(--white);letter-spacing:-1px}.page-favorites .data-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,0.28)}.page-favorites .auth-gate{padding:5rem 0 6rem;margin-top:70px}.page-favorites .auth-gate-content{display:grid;grid-template-columns:1fr 1.4fr;gap:0;max-width:64em;margin:0 auto;background:rgba(20,20,20,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden}.page-favorites .auth-gate-visual{background:var(--night);display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden;min-height:380px}.page-favorites .auth-gate-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(200,169,110,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,0.03) 1px,transparent 1px);background-size:40px 40px;opacity:0.5}.page-favorites .gate-radar{position:relative;width:200px;height:200px}.page-favorites .radar-ring{position:absolute;inset:0;border:1px solid rgba(200,169,110,0.15);border-radius:50%}.page-favorites .radar-ring.r2{inset:25%;border-color:rgba(200,169,110,0.2)}.page-favorites .radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(200,169,110,0.15) 40deg,transparent 80deg);animation:radarSpin 4s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}.page-favorites .radar-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--hud-cyan);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(200,169,110,0.6)}.page-favorites .auth-gate-info{padding:3.5rem 3rem;display:flex;flex-direction:column;justify-content:center}.page-favorites .gate-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,171,0,0.08);color:var(--hud-amber);padding:0.4rem 1rem;border-radius:50px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border:1px solid rgba(255,171,0,0.2);margin-bottom:1.5rem;width:fit-content}.page-favorites .auth-gate-info h2{font-family:'DM Sans',sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1rem}.page-favorites .auth-gate-info p{color:rgba(255,255,255,0.5);font-size:1rem;line-height:1.7;margin-bottom:1.75rem}.page-favorites .gate-features{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2rem}.page-favorites .gate-feature{display:flex;align-items:center;gap:0.75rem;font-size:0.9rem;color:rgba(255,255,255,0.6)}.page-favorites .gate-feature i,.page-favorites .gate-feature .icon{color:var(--hud-cyan);font-size:0.9rem}.page-favorites .gate-actions{display:flex;gap:1rem;flex-wrap:wrap}.page-favorites .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.75rem;border-radius:8px;font-family:inherit;font-size:0.95rem;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:var(--transition)}.page-favorites .btn-primary{background:var(--hud-cyan);color:var(--night);border:1px solid transparent;font-weight:700}.page-favorites .btn-primary:hover{background:#D4B87E}.page-favorites .btn-ghost{background:transparent;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.15)}.page-favorites .btn-ghost:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.3);color:var(--white)}.page-favorites .btn-secondary{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.12)}.page-favorites .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2)}.page-favorites .btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.page-favorites .favorites-section{padding:5rem 0 7rem}.page-favorites .favorites-toolbar{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-favorites .search-box{position:relative;flex:1;min-width:250px;max-width:500px}.page-favorites .search-box i,.page-favorites .search-box .icon,.page-favorites .search-box .icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.3);font-size:1rem}.page-favorites .search-box input{width:100%;padding:0.875rem 1rem 0.875rem 3rem;border:1px solid rgba(255,255,255,0.09);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--white);background:rgba(255,255,255,0.03);transition:var(--transition)}.page-favorites .search-box input:focus{outline:none;border-color:rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.page-favorites .search-box input::placeholder{color:rgba(255,255,255,0.3)}.page-favorites .toolbar-right{display:flex;align-items:center;gap:0.75rem;position:relative}.page-favorites .filter-btn{display:flex;align-items:center;gap:0.5rem;padding:0.7rem 1.25rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:10px;font-size:0.85rem;font-family:'DM Sans',sans-serif;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.65);white-space:nowrap}.page-favorites .filter-btn:hover{border-color:rgba(255,255,255,0.18);color:var(--white);background:rgba(255,255,255,0.07)}.page-favorites .filter-btn.active{background:rgba(200,169,110,0.1);border-color:rgba(200,169,110,0.35);color:var(--hud-cyan)}.page-favorites .filter-btn .fa-chevron-down{font-size:0.65rem;transition:var(--transition-fast)}.page-favorites .filter-btn.active .fa-chevron-down{transform:rotate(180deg)}.page-favorites .filter-dropdown{position:absolute;top:calc(100%+0.5rem);right:0;width:380px;max-width:90vw;background:var(--night-mid);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 20px 56px rgba(0,0,0,0.6);max-height:400px;overflow-y:auto;z-index:999;opacity:0;transform:translateY(-8px);transition:var(--transition);pointer-events:none}.page-favorites .filter-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.page-favorites .filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.07);position:sticky;top:0;background:var(--night-mid);z-index:1}.page-favorites .filter-dropdown-header h3{font-family:'DM Sans',sans-serif;font-weight:700;color:var(--white);font-size:0.9rem}.page-favorites .close-dropdown{background:transparent;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:rgba(255,255,255,0.45)}.page-favorites .close-dropdown:hover{background:rgba(255,255,255,0.08);color:var(--white)}.page-favorites .filter-options{padding:0.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0.5rem}.page-favorites .filter-option{padding:0.7rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:8px;cursor:pointer;transition:var(--transition-fast);text-align:center;font-weight:500;font-size:0.85rem;color:rgba(255,255,255,0.65)}.page-favorites .filter-option:hover{border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.07);color:var(--white)}.page-favorites .filter-option.selected{background:rgba(200,169,110,0.1);border-color:rgba(200,169,110,0.35);color:var(--hud-cyan)}.page-favorites .active-filters{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:2rem}.page-favorites .active-filters-label{font-size:0.8rem;color:rgba(255,255,255,0.4);font-weight:500;display:flex;align-items:center}.page-favorites .active-filter{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(200,169,110,0.08);color:var(--hud-cyan);padding:0.4rem 0.875rem;border-radius:6px;font-size:0.8rem;font-weight:600;border:1px solid rgba(200,169,110,0.2)}.page-favorites .remove-filter-btn{background:rgba(200,169,110,0.15);border:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--hud-cyan);font-size:0.6rem}.page-favorites .remove-filter-btn:hover{background:rgba(200,169,110,0.3)}.page-favorites .clear-all-filters{padding:0.4rem 1rem;background:transparent;border:1px solid rgba(231,76,60,0.4);color:var(--accent);border-radius:50px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.page-favorites .clear-all-filters:hover{background:rgba(231,76,60,0.15);border-color:var(--accent)}.page-favorites .sort-select{padding:0.875rem 2.5rem 0.875rem 1.25rem;border:1px solid rgba(255,255,255,0.09);border-radius:12px;font-family:inherit;font-size:0.95rem;color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.03) 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='rgba(255,255,255,0.4)' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;appearance:none;cursor:pointer;transition:var(--transition)}.page-favorites .sort-select:focus{outline:none;border-color:rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}.page-favorites .sort-select option{background:var(--night-mid);color:var(--white)}.page-favorites .results-bar{margin-bottom:2rem;font-size:0.95rem;color:rgba(255,255,255,0.4);font-weight:500}.page-favorites .aircraft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.page-favorites .aircraft-card{background:rgba(20,20,20,0.7);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);transition:var(--transition);cursor:pointer;position:relative}.page-favorites .aircraft-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.14);box-shadow:0 12px 32px rgba(0,0,0,0.4)}.page-favorites .aircraft-image{position:relative;height:220px;overflow:hidden;background:var(--night-soft)}.page-favorites .aircraft-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.page-favorites .aircraft-card:hover .aircraft-image img{transform:scale(1.08)}.page-favorites .aircraft-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,0.9) 0%,transparent 50%);display:flex;align-items:flex-end;padding:1.25rem}.page-favorites .aircraft-badges{display:flex;gap:0.5rem;flex-wrap:wrap}.page-favorites .aircraft-badge{padding:0.3rem 0.8rem;backdrop-filter:blur(10px);border-radius:50px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.page-favorites .aircraft-badge.generation{background:rgba(200,169,110,0.15);border:1px solid rgba(200,169,110,0.3);color:var(--hud-cyan)}.page-favorites .aircraft-badge.type{background:rgba(255,171,0,0.15);border:1px solid rgba(255,171,0,0.3);color:var(--hud-amber)}.page-favorites .aircraft-content{padding:2rem}.page-favorites .aircraft-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.page-favorites .aircraft-title{flex:1}.page-favorites .aircraft-name-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.page-favorites .aircraft-name-row h3{font-family:'DM Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-favorites .country-flag{width:24px;height:18px;border-radius:3px;display:block;object-fit:cover;flex-shrink:0}.page-favorites .aircraft-title h3{font-family:'DM Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:0.25rem}.page-favorites .aircraft-country{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.45)}.page-favorites .aircraft-description{color:rgba(255,255,255,0.45);line-height:1.7;margin-bottom:1.25rem;font-size:0.95rem}.page-favorites .aircraft-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.07)}.page-favorites .spec-item{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:rgba(255,255,255,0.5)}.page-favorites .spec-item i,.page-favorites .spec-item .icon{color:var(--hud-cyan);width:16px}.page-favorites .favorite-remove{position:absolute;top:1rem;right:1rem;z-index:10;width:40px;height:40px;border-radius:50%;background:rgba(231,76,60,0.7);backdrop-filter:blur(8px);border:1px solid rgba(231,76,60,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:0.9rem;transition:var(--transition);opacity:0}.page-favorites .aircraft-card:hover .favorite-remove{opacity:1}.page-favorites .favorite-remove:hover{background:var(--accent);transform:scale(1.15);box-shadow:0 0 20px rgba(231,76,60,0.4)}.page-favorites .favorited-date{font-size:0.8rem;color:rgba(255,255,255,0.35);margin-top:0.75rem;display:flex;align-items:center;gap:0.4rem}.page-favorites .favorited-date i,.page-favorites .favorited-date .icon{color:var(--hud-amber);font-size:0.75rem}.page-favorites .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;grid-column:1 / -1}.page-favorites .empty-state i,.page-favorites .empty-state .icon{font-size:4rem;color:rgba(200,169,110,0.15);margin-bottom:1.5rem}.page-favorites .empty-state h3{font-size:1.5rem;color:rgba(255,255,255,0.7);margin-bottom:0.75rem;font-weight:600}.page-favorites .empty-state p{font-size:1.05rem;max-width:450px;margin-bottom:2rem;line-height:1.7;color:rgba(255,255,255,0.4)}.page-favorites .empty-state p i,.page-favorites .empty-state p .icon{font-size:1rem;color:var(--hud-amber);opacity:1;margin:0}
@media (min-width:90em){.page-favorites .aircraft-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
@media (max-width:64em){.page-favorites .favorites-toolbar{flex-direction:column;align-items:stretch}.page-favorites .search-box{max-width:100%;min-width:0}.page-favorites .toolbar-right{flex-wrap:wrap}.page-favorites .auth-gate-content{grid-template-columns:1fr}.page-favorites .auth-gate-visual{min-height:240px;padding:2.5rem}.page-favorites .gate-radar{width:160px;height:160px}}
@media (max-width:48em){.page-favorites .container{padding:0 1.5rem}.page-favorites .page-hero{padding:5rem 0 4rem}.page-favorites .page-hero-inner{flex-direction:column;gap:2.5rem;align-items:center;text-align:center}.page-favorites .hero-eyebrow{justify-content:center}.page-favorites .hero-text>p{margin-inline:auto}.page-favorites .hero-text h1{font-size:clamp(2.5rem,8vw,4rem)}.page-favorites .hero-data{flex-direction:row;justify-content:center;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,0.07);padding-top:2rem;width:100%;min-width:0}.page-favorites .data-row{flex-direction:column;gap:0.2rem;border-bottom:none;padding:0 1.5rem;border-right:1px solid rgba(255,255,255,0.06);justify-content:center;align-items:center}.page-favorites .data-row:first-child{padding-left:0}.page-favorites .data-row:last-child{border-right:none}.page-favorites .data-number{font-size:1.75rem}.page-favorites .aircraft-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.page-favorites .aircraft-specs{grid-template-columns:1fr;gap:0.5rem}.page-favorites .aircraft-content{padding:1.5rem}.page-favorites .favorites-toolbar{gap:1rem}.page-favorites .toolbar-right{width:100%}.page-favorites .filter-btn{flex:1;justify-content:center;min-height:44px}.page-favorites .sort-select{width:100%;min-height:44px}.page-favorites .filter-dropdown{left:0;right:0;min-width:auto}.page-favorites .results-bar{margin-bottom:1.5rem}.page-favorites .favorite-remove{opacity:1}.page-favorites .auth-gate-info{padding:2.5rem 2rem}.page-favorites .auth-gate-info h2{font-size:1.5rem}}
@media (max-width:30em){.page-favorites .container{padding:0 0.875rem}.page-favorites .aircraft-grid{grid-template-columns:1fr;gap:1rem}.page-favorites .aircraft-content{padding:1rem}.page-favorites .hero-stats{flex-direction:column;gap:0.75rem;align-items:center}.page-favorites .favorites-toolbar{gap:0.75rem}.page-favorites .search-box input{font-size:0.85rem;padding:0.7rem 0.75rem 0.7rem 2.5rem}.page-favorites .filter-btn{font-size:0.8rem;padding:0.5rem 0.75rem}.page-favorites .filter-btn span{display:none}.page-favorites .sort-select{font-size:0.85rem;padding:0.6rem 0.75rem}.page-favorites .active-filters{gap:0.5rem;margin-bottom:1.25rem}.page-favorites .results-bar{margin-bottom:1rem;font-size:0.85rem}.page-favorites .auth-gate-content{margin:0;border-radius:16px}.page-favorites .auth-gate-visual{min-height:200px;padding:2rem}.page-favorites .gate-radar{width:130px;height:130px}.page-favorites .auth-gate-info{padding:2rem 1.5rem}.page-favorites .auth-gate-info h2{font-size:1.3rem}.page-favorites .gate-actions{flex-direction:column}.page-favorites .gate-actions .btn{width:100%}}
@media (hover:none) and (pointer:coarse){.page-favorites .btn{min-height:44px}.page-favorites .aircraft-card:hover{transform:none}.page-favorites .aircraft-card:active{transform:scale(0.98)}.page-favorites .favorite-remove{opacity:1}}
@media (prefers-reduced-motion:reduce){.page-favorites *,.page-favorites *::before,.page-favorites *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}
@media print{.page-favorites header,.page-favorites footer,.page-favorites .hero-hud-grid,.page-favorites #toast-container,.page-favorites .auth-gate-visual{display:none !important}.page-favorites *{background:white !important;color:black !important}}
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.page-favorites .skeleton-card{background:rgba(20,20,20,0.7);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}.page-favorites .skeleton-image{height:220px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.page-favorites .skeleton-content{padding:1.25rem;display:flex;flex-direction:column;gap:0.75rem}.page-favorites .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.page-favorites .skeleton-line.short{width:55%}.page-favorites .skeleton-line.medium{width:75%}body.page-login{min-height:100vh;display:flex;flex-direction:column}.page-login .auth-section{display:flex;height:100vh;padding-top:70px}.page-login .auth-visual{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100%}.page-login .visual-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(200,169,110,0.07) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(0,230,118,0.05) 0%,transparent 50%),linear-gradient(160deg,var(--night) 0%,var(--night-mid) 50%,var(--night-soft) 100%)}.page-login .visual-noise{position:absolute;inset:0;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.page-login .hud-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px}.page-login .radar-container{position:absolute;width:320px;height:320px;bottom:-40px;left:-40px;opacity:0.3}.page-login .radar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(200,169,110,0.2)}.page-login .radar-ring.ring-2{inset:25%}.page-login .radar-ring.ring-3{inset:50%}.page-login .radar-center{position:absolute;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--hud-cyan);border-radius:50%;box-shadow:0 0 10px var(--hud-cyan)}.page-login .radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(200,169,110,0.15) 40deg,transparent 80deg);animation:radarSpin 4s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}.page-login .radar-dot{position:absolute;width:5px;height:5px;background:var(--hud-cyan);border-radius:50%;animation:dotBlink 3s ease-in-out infinite;box-shadow:0 0 6px var(--hud-cyan)}.page-login .dot-1{top:30%;left:60%;animation-delay:0s}.page-login .dot-2{top:55%;left:35%;animation-delay:1s}.page-login .dot-3{top:20%;left:40%;animation-delay:2s}
@keyframes dotBlink{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1)}}.page-login .hud-corner{position:absolute;width:40px;height:40px;z-index:2}.page-login .hud-corner::before,.page-login .hud-corner::after{content:'';position:absolute;background:rgba(200,169,110,0.25)}.page-login .hud-tl{top:24px;left:24px}.page-login .hud-tl::before{top:0;left:0;width:40px;height:2px}.page-login .hud-tl::after{top:0;left:0;width:2px;height:40px}.page-login .hud-tr{top:24px;right:24px}.page-login .hud-tr::before{top:0;right:0;width:40px;height:2px}.page-login .hud-tr::after{top:0;right:0;width:2px;height:40px}.page-login .hud-bl{bottom:24px;left:24px}.page-login .hud-bl::before{bottom:0;left:0;width:40px;height:2px}.page-login .hud-bl::after{bottom:0;left:0;width:2px;height:40px}.page-login .hud-br{bottom:24px;right:24px}.page-login .hud-br::before{bottom:0;right:0;width:40px;height:2px}.page-login .hud-br::after{bottom:0;right:0;width:2px;height:40px}.page-login .visual-content{position:relative;z-index:3;text-align:center;padding:3rem;animation:fadeUp 1s ease 0.3s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-login .visual-badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);margin-bottom:1.5rem;font-size:2rem;color:var(--hud-cyan)}.page-login .visual-title{font-family:'DM Sans',sans-serif;font-size:2.5rem;font-weight:700;color:var(--white);letter-spacing:-1px;margin-bottom:0.5rem}.page-login .visual-subtitle{font-size:1rem;color:rgba(255,255,255,0.5);letter-spacing:0.15em;text-transform:uppercase;font-weight:300;margin-bottom:3rem}.page-login .visual-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem}.page-login .stat-item{text-align:center}.page-login .stat-number{display:block;font-family:'DM Sans',sans-serif;font-size:1.75rem;font-weight:700;color:var(--hud-cyan);line-height:1.2}.page-login .stat-label{font-size:0.75rem;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.1em}.page-login .stat-divider{width:1px;height:40px;background:rgba(255,255,255,0.1)}.page-login .visual-tagline{display:flex;align-items:center;justify-content:center;gap:1rem}.page-login .tagline-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,0.3))}.page-login .tagline-line:last-child{background:linear-gradient(90deg,rgba(200,169,110,0.3),transparent)}.page-login .tagline-text{font-size:0.75rem;color:rgba(200,169,110,0.5);text-transform:uppercase;letter-spacing:0.2em;font-weight:500}.page-login .auth-form-panel{width:520px;min-width:420px;background:var(--night-soft);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;border-left:1px solid rgba(200,169,110,0.10)}.page-login .auth-form-panel::before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient( 180deg,transparent 0%,var(--hud-cyan) 50%,transparent 100% );opacity:0.35}.page-login .form-panel-inner{width:100%;max-width:400px}.page-login .form-container{position:relative;overflow:hidden}.page-login .form-slide{display:none;animation:slideIn 0.5s cubic-bezier(0.4,0,0.2,1)}.page-login .form-slide.active{display:block}
@keyframes slideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}.page-login .form-header{margin-bottom:2rem}.page-login .form-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(200,169,110,0.08);color:var(--hud-cyan);font-size:1.25rem;margin-bottom:1.25rem;border:1px solid rgba(200,169,110,0.18)}.page-login .form-header h1,.page-login .form-header h2{font-family:'DM Sans',sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-0.5px;color:var(--primary-dark);margin-bottom:0.375rem}.page-login .form-header p{color:var(--text-secondary);font-size:0.9rem}.page-login .auth-form{display:flex;flex-direction:column;gap:1.25rem}.page-login .form-group{display:flex;flex-direction:column;gap:0.4rem;position:relative}.page-login .form-group label{display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);font-weight:500;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.06em}.page-login .form-group label i,.page-login .form-group label .icon{color:var(--secondary);width:16px;font-size:0.75rem}.page-login .form-group input{width:100%;padding:0.85rem 1rem;border:none;border-bottom:2px solid var(--border);border-radius:0;font-family:'DM Sans',sans-serif;font-size:0.95rem;color:var(--text-primary);background:transparent;transition:var(--transition)}.page-login .form-group input:focus{outline:none;border-bottom-color:var(--secondary)}.page-login .form-group input::placeholder{color:var(--text-secondary);opacity:0.5}.page-login .input-line{position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--hud-cyan),var(--secondary));transition:width 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1}.page-login .form-group:focus-within .input-line,.page-login .password-wrapper:focus-within+.input-line{width:100%}.page-login .password-wrapper{position:relative}.page-login .password-wrapper input{padding-right:3rem}.page-login .toggle-password{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:var(--transition-fast);padding:0.5rem;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px}.page-login .toggle-password:hover{color:var(--secondary);background:rgba(200,169,110,0.08)}.page-login .password-strength{margin-top:0.5rem}.page-login .strength-bar{height:3px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:0.25rem}.page-login .strength-fill{height:100%;width:0;border-radius:3px;transition:width 0.3s ease,background 0.3s ease}.page-login .strength-text{font-size:0.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em}.page-login .form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem}.page-login .checkbox-wrapper{display:flex;align-items:center;gap:0.5rem;cursor:pointer}.page-login .checkbox-wrapper input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.page-login .custom-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border);border-radius:5px;transition:var(--transition-fast);flex-shrink:0}.page-login .custom-check i,.page-login .custom-check .icon{font-size:0.6rem;color:var(--white);opacity:0;transform:scale(0.5);transition:var(--transition-fast)}.page-login .checkbox-wrapper input:checked+.custom-check{background:var(--secondary);border-color:var(--secondary)}.page-login .checkbox-wrapper input:checked+.custom-check i,.page-login .checkbox-wrapper input:checked+.custom-check .icon{opacity:1;transform:scale(1)}.page-login .checkbox-label{font-size:0.85rem;color:var(--text-secondary);user-select:none}.page-login .checkbox-label a{color:var(--secondary);text-decoration:none;font-weight:600}.page-login .checkbox-label a:hover{text-decoration:underline}.page-login .forgot-password{font-size:0.8rem;color:var(--secondary);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.page-login .forgot-password:hover{color:var(--secondary-dark)}.page-login .btn-submit{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;padding:1rem;border:none;border-radius:12px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:0.95rem;cursor:pointer;transition:var(--transition);background:var(--night-mid);color:var(--white);margin-top:0.5rem}.page-login .btn-submit:hover{background:var(--primary)}.page-login .btn-submit i,.page-login .btn-submit .icon{transition:transform 0.3s ease}.page-login .btn-submit:hover i,.page-login .btn-submit:hover .icon{transform:translateX(4px)}.page-login .form-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.page-login .form-footer p{color:var(--text-secondary);font-size:0.85rem;margin-bottom:0.75rem}.page-login .switch-form{background:transparent;border:none;color:var(--secondary);font-weight:600;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:8px;transition:var(--transition-fast);font-family:'DM Sans',sans-serif}.page-login .switch-form:hover{background:rgba(200,169,110,0.08);transform:translateX(4px)}.page-login .switch-form i,.page-login .switch-form .icon{font-size:0.7rem;transition:transform 0.2s ease}.page-login .switch-form:hover i,.page-login .switch-form:hover .icon{transform:translateX(3px)}.page-login .security-info{display:flex;justify-content:center;gap:1.5rem;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border)}.page-login .security-item{display:flex;align-items:center;gap:0.4rem;color:var(--text-secondary);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.04em}.page-login .security-item i,.page-login .security-item .icon{color:var(--success);font-size:0.8rem}
@media (max-width:64em){.page-login .auth-visual{display:none}.page-login .auth-section{justify-content:center;background:radial-gradient(ellipse at 30% 40%,rgba(200,169,110,0.05) 0%,transparent 60%),linear-gradient(160deg,var(--night) 0%,var(--night-mid) 50%,var(--night-soft) 100%)}.page-login .auth-form-panel{width:100%;min-width:auto;max-width:520px;border-radius:16px;margin:1rem;border:1px solid rgba(200,169,110,0.12);box-shadow:0 20px 60px rgba(0,0,0,0.5)}.page-login .auth-form-panel::before{display:none}}
@media (max-width:64em){.page-login .container{padding:0 2rem}.page-login .auth-section{height:auto;min-height:100vh;padding-bottom:1rem}}
@media (max-width:48em){.page-login .container{padding:0 1.5rem}.page-login .auth-form-panel{padding:2rem 1.5rem}.page-login .form-header h1,.page-login .form-header h2{font-size:1.5rem}.page-login .form-options{flex-direction:column;align-items:flex-start;gap:0.5rem}.page-login .security-info{gap:1rem;flex-wrap:wrap}}
@media (max-width:30em){.page-login .auth-form-panel{padding:1.5rem 1.25rem;border-radius:16px;margin:0.5rem}.page-login .form-header h1,.page-login .form-header h2{font-size:1.35rem}.page-login .form-icon{width:44px;height:44px;font-size:1rem;border-radius:12px;margin-bottom:1rem}.page-login .form-group input{padding:0.75rem 0.75rem;font-size:0.9rem}.page-login .btn-submit{padding:0.875rem;font-size:0.9rem;min-height:48px}.page-login .switch-form{font-size:0.85rem}.page-login .security-info{flex-direction:column;align-items:center;gap:0.5rem}}
@media (hover:none) and (pointer:coarse){.page-login .btn-submit{min-height:48px}.page-login .toggle-password{min-width:48px;min-height:48px}.page-login .switch-form{min-height:48px}.page-login .btn-submit:active{transform:scale(0.98)}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.page-login .loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-top-color:var(--white);border-radius:50%;animation:spin 0.6s linear infinite}.page-login:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.page-login button:focus-visible,.page-login a:focus-visible,.page-login input:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}
@media print{.page-login .auth-visual,.page-login .security-info{display:none !important}.page-login .auth-section{min-height:auto;padding:0}.page-login .auth-form-panel{box-shadow:none;border:1px solid #000}}body.page-settings{min-height:100vh;display:flex;flex-direction:column}.page-settings .page-hero{position:relative;padding:7rem 0;overflow:hidden;margin-top:70px}.page-settings .hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0}.page-settings .page-hero-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.page-settings .hero-text{text-align:center;max-width:700px}.page-settings .hero-eyebrow{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,0.28);display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.page-settings .hero-eyebrow::before{content:'';width:28px;height:1px;background:rgba(255,255,255,0.15);flex-shrink:0}.page-settings .hero-text h1{font-family:'DM Sans',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:1.5rem}.page-settings .hero-muted{display:block;color:rgba(255,255,255,0.22);font-weight:300;letter-spacing:-1px}.page-settings .hero-text p{font-size:1rem;color:rgba(255,255,255,0.38);line-height:1.85;max-width:30em;margin-inline:auto}.page-settings .settings-page{flex:1;display:flex;flex-direction:column}.page-settings .settings-section{padding:6rem 0;flex:1}.page-settings .settings-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.page-settings .settings-sidebar{position:sticky;top:100px;background:rgba(20,20,20,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:1.5rem}.page-settings .sidebar-nav{display:flex;flex-direction:column;gap:0.5rem}.page-settings .sidebar-link{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem;border-radius:12px;text-decoration:none;color:rgba(255,255,255,0.7);transition:var(--transition);border:1px solid transparent}.page-settings .sidebar-link:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.07);color:var(--white)}.page-settings .sidebar-link.active{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:var(--white)}.page-settings .sidebar-link.danger-link{color:var(--accent)}.page-settings .sidebar-link.danger-link:hover{background:rgba(231,76,60,0.06);border-color:rgba(231,76,60,0.15)}.page-settings .link-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:1.1rem;color:rgba(255,255,255,0.5)}.page-settings .sidebar-link.active .link-icon{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:var(--white)}.page-settings .sidebar-link.danger-link .link-icon{background:rgba(231,76,60,0.08);border-color:rgba(231,76,60,0.15);color:var(--accent)}.page-settings .link-content{display:flex;flex-direction:column;gap:0.25rem}.page-settings .link-title{font-weight:600;font-size:0.95rem}.page-settings .link-description{font-size:0.8rem;color:rgba(255,255,255,0.35)}.page-settings .link-arrow{font-size:0.875rem;color:rgba(255,255,255,0.25);transition:var(--transition-fast)}.page-settings .sidebar-link:hover .link-arrow{transform:translateX(3px);color:rgba(255,255,255,0.5)}.page-settings .settings-content{min-height:500px}.page-settings .content-section{display:none;animation:fadeIn 0.4s ease}.page-settings .content-section.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-settings .section-card{background:rgba(20,20,20,0.7);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:2.5rem;margin-bottom:2.5rem}.page-settings .section-header{display:flex;align-items:start;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.07)}.page-settings .header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--hud-cyan);border-radius:14px;font-size:1.5rem;flex-shrink:0}.page-settings .section-header.danger-header .header-icon{background:rgba(231,76,60,0.1);border-color:rgba(231,76,60,0.25);color:var(--accent)}.page-settings .header-text h2{font-family:'DM Sans',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:0.5rem}.page-settings .header-text p{color:rgba(255,255,255,0.45);font-size:0.95rem}.page-settings .modern-form{display:flex;flex-direction:column;gap:2rem}.page-settings .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.page-settings .form-group{display:flex;flex-direction:column;gap:0.75rem}.page-settings .form-group label{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.7);font-weight:600;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.page-settings .form-group label i,.page-settings .form-group label .icon{color:var(--hud-cyan);width:20px}.page-settings .form-group input,.page-settings .form-group select,.page-settings .form-group textarea{width:100%;padding:0.875rem 1rem;border:1px solid rgba(255,255,255,0.09);border-radius:12px;font-family:'DM Sans',sans-serif;font-size:0.95rem;color:var(--white);background:rgba(255,255,255,0.03);transition:var(--transition)}.page-settings .form-group input::placeholder,.page-settings .form-group textarea::placeholder{color:rgba(255,255,255,0.25)}.page-settings .form-group input:focus,.page-settings .form-group select:focus,.page-settings .form-group textarea:focus{outline:none;border-color:rgba(255,255,255,0.22);box-shadow:0 0 0 3px rgba(255,255,255,0.04);background:rgba(255,255,255,0.05)}.page-settings .form-group select option{background:var(--night-mid);color:var(--white)}.page-settings .field-hint{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:rgba(255,255,255,0.35)}.page-settings .field-hint i,.page-settings .field-hint .icon{font-size:0.8rem;color:rgba(200,169,110,0.4)}.page-settings .password-wrapper{position:relative}.page-settings .password-wrapper input{padding-right:3rem}.page-settings .toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:rgba(255,255,255,0.4);cursor:pointer;font-size:1.1rem;transition:var(--transition-fast);padding:0.5rem;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.page-settings .toggle-password:hover{color:var(--hud-cyan);transform:translateY(-50%) scale(1.1)}.page-settings .password-strength{display:flex;flex-direction:column;gap:0.5rem}.page-settings .strength-bars{display:flex;gap:0.5rem;height:3px}.page-settings .strength-bar{flex:1;background:rgba(255,255,255,0.08);border-radius:2px;transition:var(--transition)}.page-settings .strength-bar.active{background:var(--hud-green)}.page-settings .strength-bar.active.weak{background:var(--accent)}.page-settings .strength-bar.active.medium{background:var(--hud-amber)}.page-settings .strength-text{font-size:0.85rem;color:rgba(255,255,255,0.45);font-weight:600}.page-settings .password-requirements{background:rgba(255,255,255,0.02);padding:1rem;border-radius:10px;border-left:2px solid rgba(255,255,255,0.1)}.page-settings .requirements-title{font-weight:600;font-size:0.9rem;color:rgba(255,255,255,0.6);margin-bottom:0.75rem}.page-settings .password-requirements ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.page-settings .password-requirements li{display:flex;align-items:center;gap:0.75rem;font-size:0.85rem;color:rgba(255,255,255,0.4);transition:var(--transition-fast)}.page-settings .password-requirements li i,.page-settings .password-requirements li .icon{font-size:0.5rem;color:rgba(255,255,255,0.3);transition:var(--transition-fast)}.page-settings .password-requirements li.valid{color:var(--hud-green)}.page-settings .password-requirements li.valid i,.page-settings .password-requirements li.valid .icon{color:var(--hud-green)}.page-settings .form-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.07)}.page-settings .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;border:none;border-radius:50px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:var(--transition);font-family:'DM Sans',sans-serif;text-decoration:none;white-space:nowrap}.page-settings .btn-primary{background:var(--hud-cyan);color:var(--night);border:1px solid transparent;font-weight:700}.page-settings .btn-primary:hover{background:#D4B87E}.page-settings .btn-secondary{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.12)}.page-settings .btn-secondary:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.25)}.page-settings .btn-danger{background:rgba(231,76,60,0.12);color:var(--accent);border:1px solid rgba(231,76,60,0.3)}.page-settings .btn-danger:hover{background:rgba(231,76,60,0.2);border-color:var(--accent)}.page-settings .btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.2)}.page-settings .btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.page-settings .btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important}.page-settings .admin-tools{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.page-settings .search-box{position:relative;width:100%}.page-settings .search-box i,.page-settings .search-box .icon,.page-settings .search-box .icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.3);font-size:1rem}.page-settings .search-box input{width:100%;padding:0.9rem 1rem 0.9rem 3rem;border:1px solid rgba(255,255,255,0.09);border-radius:12px;font-family:'DM Sans',sans-serif;font-size:0.95rem;background:rgba(255,255,255,0.03);color:var(--white);transition:var(--transition)}.page-settings .search-box input::placeholder{color:rgba(255,255,255,0.3)}.page-settings .search-box input:focus{outline:none;border-color:rgba(255,255,255,0.2);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}.page-settings .admin-stats{display:flex;gap:1rem}.page-settings .stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;flex:1}.page-settings .stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);color:var(--hud-cyan);border-radius:12px;font-size:1.3rem}.page-settings .stat-info{display:flex;flex-direction:column}.page-settings .stat-value{font-family:'DM Sans',sans-serif;font-size:1.75rem;font-weight:700;color:var(--hud-cyan)}.page-settings .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:1px}.page-settings .user-list{display:flex;flex-direction:column;gap:0.75rem}.page-settings .user-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.25rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:12px;transition:var(--transition)}.page-settings .user-card:hover{border-color:rgba(255,255,255,0.12);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-settings .user-avatar-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--hud-cyan);border-radius:50%;font-size:1.3rem;font-weight:700}.page-settings .user-info{display:flex;flex-direction:column;gap:0.25rem}.page-settings .user-info-name{font-weight:600;font-size:1rem;color:var(--white)}.page-settings .user-info-email{font-size:0.85rem;color:rgba(255,255,255,0.4)}.page-settings .user-actions{display:flex;gap:0.5rem}.page-settings .user-actions button{padding:0.5rem 1rem;border:none;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:'DM Sans',sans-serif}.page-settings .btn-edit{background:rgba(200,169,110,0.08);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.15)}.page-settings .btn-edit:hover{background:rgba(200,169,110,0.15);border-color:var(--hud-cyan)}.page-settings .btn-delete{background:rgba(231,76,60,0.08);color:var(--accent);border:1px solid rgba(231,76,60,0.15)}.page-settings .btn-delete:hover{background:rgba(231,76,60,0.15);border-color:var(--accent)}.page-settings .role-badge{display:inline-block;padding:0.15rem 0.5rem;border-radius:4px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-left:0.5rem;vertical-align:middle}.page-settings .badge-admin{background:rgba(231,76,60,0.15);color:var(--accent);border:1px solid rgba(231,76,60,0.2)}.page-settings .badge-editor{background:rgba(255,165,0,0.12);color:#ffa500;border:1px solid rgba(255,165,0,0.2)}.page-settings .badge-member{background:rgba(200,169,110,0.08);color:var(--hud-cyan);border:1px solid rgba(200,169,110,0.15)}.page-settings .logout-modal-btn-save{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.75);border:1px solid rgba(255,255,255,0.12)}.page-settings .logout-modal-btn-save:hover{background:rgba(255,255,255,0.1)}.page-settings .danger-card{border-color:rgba(231,76,60,0.2) !important}.page-settings .danger-box{background:rgba(231,76,60,0.04);padding:2rem;border-radius:12px;border:1px solid rgba(231,76,60,0.12)}.page-settings .danger-content{display:flex;gap:1.5rem;margin-bottom:2rem}.page-settings .danger-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(231,76,60,0.08);border:1px solid rgba(231,76,60,0.2);color:var(--accent);border-radius:12px;font-size:1.5rem;flex-shrink:0}.page-settings .danger-text h3{font-size:1.2rem;color:var(--accent);margin-bottom:0.75rem}.page-settings .danger-text p{color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:1rem}.page-settings .danger-text strong{color:var(--accent)}.page-settings .danger-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.page-settings .danger-list li{display:flex;align-items:center;gap:0.75rem;color:rgba(255,255,255,0.45);font-size:0.9rem}.page-settings .danger-list li i,.page-settings .danger-list li .icon{color:var(--accent)}.page-settings .privacy-overview{background:rgba(255,255,255,0.02);border-left:3px solid rgba(255,255,255,0.12);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.page-settings .overview-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.page-settings .overview-header i,.page-settings .overview-header .icon{color:var(--hud-cyan);font-size:1.3rem}.page-settings .overview-header h3{color:var(--white);font-size:1.05rem;font-weight:600;margin:0}.page-settings .overview-content p{color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:1rem}.page-settings .consent-date{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.45);font-size:0.9rem}.page-settings .consent-date i,.page-settings .consent-date .icon{color:var(--hud-green)}.page-settings .consent-date strong{color:var(--white)}.page-settings .cookie-preferences{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.page-settings .cookie-preference-item{border:1px solid rgba(255,255,255,0.07);border-radius:12px;overflow:hidden;transition:var(--transition)}.page-settings .cookie-preference-item:hover{border-color:rgba(255,255,255,0.13)}.page-settings .cookie-preference-item.disabled-category{opacity:0.5}.page-settings .cookie-preference-item.disabled-category:hover{border-color:rgba(255,255,255,0.07)}.page-settings .preference-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,0.01);cursor:pointer;transition:var(--transition)}.page-settings .preference-header:hover{background:rgba(255,255,255,0.03)}.page-settings .preference-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.page-settings .preference-icon.essential{background:rgba(0,230,118,0.08);border:1px solid rgba(0,230,118,0.15);color:var(--hud-green)}.page-settings .preference-icon.analytics{background:rgba(200,169,110,0.08);border:1px solid rgba(200,169,110,0.15);color:var(--hud-cyan)}.page-settings .preference-icon.preference{background:rgba(167,139,250,0.08);border:1px solid rgba(167,139,250,0.15);color:#a78bfa}.page-settings .preference-icon.marketing{background:rgba(255,171,0,0.08);border:1px solid rgba(255,171,0,0.15);color:var(--hud-amber)}.page-settings .preference-info{flex:1}.page-settings .preference-info h4{color:var(--white);font-size:1.05rem;font-weight:600;margin-bottom:0.25rem}.page-settings .preference-info p{color:rgba(255,255,255,0.4);font-size:0.85rem;line-height:1.5;margin:0}.page-settings .preference-toggle{display:flex;align-items:center;gap:1rem;flex-shrink:0}.page-settings .toggle-switch{position:relative}.page-settings .toggle-switch input[type="checkbox"]{display:none}.page-settings .toggle-switch label{display:block;width:54px;height:28px;background:rgba(255,255,255,0.1);border-radius:50px;position:relative;cursor:pointer;transition:var(--transition)}.page-settings .toggle-switch.disabled label{cursor:not-allowed;opacity:0.6}.page-settings .toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--white);border-radius:50%;transition:var(--transition);box-shadow:0 2px 4px rgba(0,0,0,0.3)}.page-settings .toggle-switch input[type="checkbox"]:checked+label{background:var(--hud-green)}.page-settings .toggle-switch input[type="checkbox"]:checked+label .toggle-slider{transform:translateX(26px)}.page-settings .toggle-switch input[type="checkbox"]:disabled+label{background:var(--hud-green);opacity:0.5}.page-settings .toggle-label{font-size:0.85rem;font-weight:500;color:rgba(255,255,255,0.4);min-width:80px;text-align:right}.page-settings .toggle-label.always-on{color:var(--hud-green)}.page-settings .preference-details{padding:1.5rem;border-top:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.01)}.page-settings .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.page-settings .detail-item{display:flex;align-items:center;gap:0.75rem;color:rgba(255,255,255,0.45);font-size:0.85rem}.page-settings .detail-item i,.page-settings .detail-item .icon{color:var(--hud-cyan);font-size:0.9rem}.page-settings .duration-info{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.02);border-radius:8px;color:rgba(255,255,255,0.45);font-size:0.85rem;margin-bottom:1rem}.page-settings .duration-info i,.page-settings .duration-info .icon{color:var(--hud-cyan)}.page-settings .info-note{display:flex;align-items:start;gap:0.75rem;padding:1rem;background:rgba(255,171,0,0.04);border-left:2px solid rgba(255,171,0,0.3);border-radius:8px;color:rgba(255,255,255,0.55);font-size:0.85rem;line-height:1.5}.page-settings .info-note i,.page-settings .info-note .icon{color:var(--hud-amber);font-size:1rem;flex-shrink:0;margin-top:0.1rem}.page-settings .privacy-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.page-settings .privacy-info-box{padding:2rem;background:rgba(0,230,118,0.03);border:1px solid rgba(0,230,118,0.1);border-radius:12px}.page-settings .info-box-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.page-settings .info-box-header i,.page-settings .info-box-header .icon{color:var(--hud-green);font-size:1.3rem}.page-settings .info-box-header h4{color:var(--white);font-size:1.05rem;font-weight:600;margin:0}.page-settings .privacy-info-box>p{color:rgba(255,255,255,0.45);line-height:1.6;margin-bottom:1.5rem}.page-settings .info-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.page-settings .info-link{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:8px;color:var(--white);text-decoration:none;transition:var(--transition)}.page-settings .info-link:hover{border-color:rgba(255,255,255,0.14);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-settings .info-link i:first-child,.page-settings .info-link .icon:first-child{color:var(--hud-cyan);font-size:1.15rem}.page-settings .info-link span{flex:1;font-weight:500}.page-settings .info-link i:last-child,.page-settings .info-link .icon:last-child{color:rgba(255,255,255,0.3);font-size:0.85rem}.page-settings .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(200,169,110,0.2);border-top-color:var(--hud-cyan);border-radius:50%;animation:spin 0.6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.page-settings .logout-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.page-settings .logout-modal.show{opacity:1;visibility:visible}.page-settings .logout-modal.hidden{display:none}.page-settings .logout-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px)}.page-settings .logout-modal-container{position:relative;background:var(--night-mid);border:1px solid rgba(255,255,255,0.09);border-radius:16px;padding:2rem 2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,0.5);transform:scale(0.9) translateY(20px);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.page-settings .logout-modal.show .logout-modal-container{transform:scale(1) translateY(0)}.page-settings .logout-modal-icon{width:60px;height:60px;margin:0 auto 1.25rem;border-radius:50%;background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.2);display:flex;align-items:center;justify-content:center}.page-settings .logout-modal-icon i,.page-settings .logout-modal-icon .icon{font-size:1.5rem;color:var(--accent)}.page-settings .logout-modal-title{font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:0.5rem}.page-settings .logout-modal-text{font-size:0.95rem;color:rgba(255,255,255,0.5);margin-bottom:1.75rem;line-height:1.5}.page-settings .logout-modal-actions{display:flex;gap:0.75rem;justify-content:center}.page-settings .logout-modal-btn{padding:0.7rem 1.5rem;border-radius:10px;font-size:0.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:var(--transition-fast);flex:1}.page-settings .logout-modal-btn-cancel{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.12)}.page-settings .logout-modal-btn-cancel:hover{background:rgba(255,255,255,0.1)}.page-settings .logout-modal-btn-confirm{background:rgba(231,76,60,0.15);color:var(--accent);border:1px solid rgba(231,76,60,0.3)}.page-settings .logout-modal-btn-confirm:hover{background:rgba(231,76,60,0.25)}
@media (min-width:90em){.page-settings .container{max-width:75em}}
@media (max-width:64em){.page-settings .container{padding:0 2rem}.page-settings .settings-grid{grid-template-columns:1fr}.page-settings .settings-sidebar{position:static}.page-settings .sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem}.page-settings .hero-text h1{font-size:clamp(2rem,4vw,3rem)}.page-settings .btn{min-height:44px}.page-settings .sidebar-link{min-height:44px}.page-settings .admin-stats{flex-direction:column}.page-settings .preference-header{flex-wrap:wrap;gap:1rem}.page-settings .preference-toggle{width:100%;justify-content:space-between}.page-settings .details-grid{grid-template-columns:1fr}.page-settings .privacy-actions{flex-direction:column}.page-settings .privacy-actions .btn{width:100%}}
@media (max-width:48em){.page-settings .container{padding:0 1.5rem}.page-settings .page-hero{padding:5rem 0 4rem}.page-settings .hero-text h1{font-size:clamp(1.75rem,4vw,2.5rem)}.page-settings .hero-text p{font-size:1rem}.page-settings .settings-section{padding:3rem 0}.page-settings .section-card{padding:1.75rem}.page-settings .section-header{flex-direction:column;gap:1rem;padding-bottom:1.5rem}.page-settings .header-icon{width:48px;height:48px;font-size:1.3rem}.page-settings .header-text h2{font-size:1.3rem}.page-settings .header-text p{font-size:0.9rem}.page-settings .form-grid{grid-template-columns:1fr}.page-settings .sidebar-nav{grid-template-columns:1fr}.page-settings .sidebar-link{padding:0.875rem}.page-settings .link-icon{width:40px;height:40px}.page-settings .danger-content{flex-direction:column}.page-settings .danger-icon{width:48px;height:48px;font-size:1.3rem}.page-settings .preference-header{padding:1rem}.page-settings .preference-icon{width:40px;height:40px;font-size:1.1rem}.page-settings .preference-details{padding:1rem}.page-settings .privacy-info-box{padding:1.5rem}.page-settings .info-links{grid-template-columns:1fr}.page-settings .privacy-overview{padding:1rem}.page-settings .stat-card{padding:1rem}}
@media (max-width:30em){.page-settings .page-hero{padding:4rem 0 3rem;margin-top:60px}.page-settings .hero-text h1{font-size:clamp(1.5rem,5vw,2rem)}.page-settings .hero-text p{font-size:0.9rem}.page-settings .settings-section{padding:1.5rem 0}.page-settings .section-card{padding:1.25rem;border-radius:12px}.page-settings .section-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.page-settings .header-icon{width:44px;height:44px;font-size:1.1rem}.page-settings .header-text h2{font-size:1.15rem}.page-settings .header-text p{font-size:0.85rem}.page-settings .form-group label{font-size:0.85rem}.page-settings .form-group input,.page-settings .form-group select,.page-settings .form-group textarea{padding:0.75rem;font-size:0.9rem}.page-settings .field-hint{font-size:0.75rem}.page-settings .btn{padding:0.75rem 1.5rem;font-size:0.875rem}.page-settings .form-actions{flex-direction:column;align-items:stretch;gap:0.75rem}.page-settings .form-actions .btn{width:100%}.page-settings .sidebar-link{padding:0.75rem}.page-settings .link-icon{width:38px;height:38px;font-size:0.95rem}.page-settings .link-title{font-size:0.9rem}.page-settings .link-description{font-size:0.7rem}.page-settings .password-requirements{padding:0.875rem}.page-settings .requirements-title{font-size:0.85rem}.page-settings .password-requirements li{font-size:0.8rem}.page-settings .search-box input{padding:0.875rem 0.875rem 0.875rem 2.75rem}.page-settings .stat-card{padding:0.875rem}.page-settings .stat-icon{width:44px;height:44px;font-size:1.1rem}.page-settings .stat-value{font-size:1.5rem}.page-settings .stat-label{font-size:0.75rem}.page-settings .user-card{padding:1rem;gap:0.75rem}.page-settings .user-avatar-img{width:44px;height:44px;font-size:1.1rem}.page-settings .user-info-name{font-size:0.95rem}.page-settings .user-info-email{font-size:0.8rem}.page-settings .user-actions button{padding:0.5rem 0.875rem;font-size:0.8rem}.page-settings .danger-box{padding:1.5rem}.page-settings .danger-content{gap:1rem;margin-bottom:1.5rem}.page-settings .danger-icon{width:44px;height:44px;font-size:1.2rem}.page-settings .danger-text h3{font-size:1.1rem}.page-settings .danger-text p{font-size:0.9rem}.page-settings .danger-list li{font-size:0.85rem}.page-settings .preference-icon{width:38px;height:38px;font-size:1rem}.page-settings .preference-info h4{font-size:0.95rem}.page-settings .preference-info p{font-size:0.8rem}.page-settings .toggle-label{font-size:0.8rem;min-width:70px}.page-settings .detail-item{font-size:0.8rem}.page-settings .duration-info{font-size:0.8rem;padding:0.625rem 0.875rem}.page-settings .info-note{padding:0.875rem;font-size:0.8rem}.page-settings .logout-modal-container{padding:1.5rem}.page-settings .logout-modal-actions{flex-direction:column-reverse}}
@media (hover:none) and (pointer:coarse){.page-settings .btn{min-height:48px}.page-settings .toggle-password{min-width:48px;min-height:48px}.page-settings .sidebar-link{min-height:48px}.page-settings .btn:active,.page-settings .sidebar-link:active{transform:scale(0.98)}.page-settings form input:focus,.page-settings form select:focus,.page-settings form textarea:focus{transform:translateY(-1px)}}
@media (prefers-reduced-motion:reduce){.page-settings *,.page-settings *::before,.page-settings *::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}
@media print{.page-settings header,.page-settings footer,.page-settings .hero-hud-grid,.page-settings .logout-modal,.page-settings .settings-sidebar{display:none !important}.page-settings *{background:white !important;color:black !important}}.page-settings .db-profile{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;background:rgba(200,169,110,0.04);border:1px solid rgba(200,169,110,0.12);border-radius:14px;margin-bottom:2rem}.page-settings .db-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(200,169,110,0.25),rgba(200,169,110,0.08));border:2px solid rgba(200,169,110,0.35);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:700;color:var(--hud-cyan,#C8A96E);flex-shrink:0}.page-settings .db-profile-info{display:flex;flex-direction:column;gap:0.3rem}.page-settings .db-profile-info h2{margin:0;font-size:1.2rem;color:var(--white);font-weight:600}.page-settings .db-role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase}.page-settings .db-role-badge.role-admin{background:rgba(231,76,60,0.15);color:#e74c3c;border:1px solid rgba(231,76,60,0.3)}.page-settings .db-role-badge.role-editor{background:rgba(255,171,0,0.12);color:var(--hud-amber,#ffab00);border:1px solid rgba(255,171,0,0.3)}.page-settings .db-role-badge.role-member{background:rgba(200,169,110,0.10);color:var(--hud-cyan,#C8A96E);border:1px solid rgba(200,169,110,0.25)}.page-settings .db-email{margin:0;font-size:0.83rem;color:rgba(255,255,255,0.4)}.page-settings .db-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.page-settings .db-kpi{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1.25rem 1rem;text-align:center;transition:border-color 0.2s,background 0.2s}.page-settings .db-kpi:hover{border-color:rgba(200,169,110,0.2);background:rgba(200,169,110,0.04)}.page-settings .db-kpi-icon{font-size:1.3rem;color:var(--hud-cyan,#C8A96E);margin-bottom:0.5rem;opacity:0.8}.page-settings .db-kpi-val{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;font-weight:700;color:var(--white);line-height:1;margin-bottom:0.35rem}.page-settings .db-kpi-label{font-size:0.72rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.07em;font-weight:600}.page-settings .db-charts{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.page-settings .db-chart-block{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:1.25rem 1.5rem}.page-settings .db-chart-full{margin-bottom:0}.page-settings .db-chart-title{font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.07em;margin:0 0 1rem;display:flex;align-items:center;gap:0.5rem}.page-settings .db-chart-title i,.page-settings .db-chart-title .icon{color:var(--hud-cyan,#C8A96E)}.page-settings .db-bars{display:flex;flex-direction:column;gap:0.65rem}.page-settings .db-bar-row{display:flex;align-items:center;gap:0.75rem}.page-settings .db-bar-label{font-size:0.82rem;color:rgba(255,255,255,0.7);min-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-settings .db-bar-track{flex:1;height:6px;background:rgba(255,255,255,0.07);border-radius:3px;overflow:hidden}.page-settings .db-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,rgba(200,169,110,0.5),#C8A96E);border-radius:3px;transition:width 0.9s cubic-bezier(0.4,0,0.2,1)}.page-settings .db-bar-count{font-size:0.78rem;font-weight:700;color:var(--hud-cyan,#C8A96E);min-width:1.5rem;text-align:right;font-family:'Barlow Condensed',sans-serif}.page-settings .db-empty{text-align:center;padding:3rem 1rem}.page-settings .db-empty-icon{font-size:3rem;color:rgba(255,255,255,0.1);margin-bottom:1rem}.page-settings .db-empty h3{font-size:1.1rem;color:rgba(255,255,255,0.6);margin:0 0 0.5rem;font-weight:500}.page-settings .db-empty p{font-size:0.9rem;color:rgba(255,255,255,0.35);margin:0 0 1.5rem}
@media (max-width:48em){.page-settings .db-kpis{grid-template-columns:repeat(2,1fr)}.page-settings .db-charts{grid-template-columns:1fr}.page-settings .db-profile{flex-direction:column;text-align:center}.page-settings .db-bar-label{min-width:70px}}
@media (max-width:30em){.page-settings .db-kpis{grid-template-columns:repeat(2,1fr)}.page-settings .db-kpi-val{font-size:1.4rem}}.page-legal .page-hero{position:relative;background:var(--night);padding:7rem 0;margin-top:70px;overflow:hidden}.page-legal .hero-background{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(200,169,110,0.04) 0%,transparent 55%);z-index:0}.page-legal .page-hero-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.page-legal .hero-text{text-align:center;max-width:700px}.page-legal .hero-eyebrow{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,0.28);display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.page-legal .hero-text h1{font-family:'DM Sans',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;letter-spacing:-2px;line-height:1.0;color:var(--white);margin-bottom:2rem}.page-legal .hero-muted{display:block;color:rgba(255,255,255,0.22);font-weight:300;letter-spacing:-1px}.page-legal .hero-text>p{font-size:1rem;color:rgba(255,255,255,0.38);max-width:520px;line-height:1.85;margin:0 auto}.page-legal .legal-content{padding:3rem 0 5rem;background:var(--night)}.page-legal .legal-container{max-width:1000px;margin:0 auto;background:rgba(20,20,20,0.7);border:1px solid rgba(200,169,110,0.06);border-radius:16px;padding:3rem}.page-legal .legal-content .breadcrumb,.page-legal .legal-container .breadcrumb{display:flex;align-items:center;gap:0.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(200,169,110,0.08);font-size:0.875rem;color:rgba(255,255,255,0.4)}.page-legal .legal-content .breadcrumb a,.page-legal .legal-container .breadcrumb a{color:var(--hud-cyan);text-decoration:none;transition:var(--transition)}.page-legal .legal-content .breadcrumb a:hover,.page-legal .legal-container .breadcrumb a:hover{color:var(--white)}.page-legal .legal-content .breadcrumb i,.page-legal .legal-content .breadcrumb .icon,.page-legal .legal-container .breadcrumb i,.page-legal .legal-container .breadcrumb .icon{font-size:0.75rem;color:rgba(200,169,110,0.3)}.page-legal .legal-intro{margin-bottom:3rem}.page-legal .intro-box{display:flex;gap:1.5rem;padding:1.5rem;background:rgba(200,169,110,0.04);border-left:3px solid rgba(200,169,110,0.3);border-radius:8px}.page-legal .intro-box>i,.page-legal .intro-box>.icon{font-size:2rem;color:var(--hud-cyan);flex-shrink:0}.page-legal .intro-box h3{font-size:1.2rem;font-weight:600;color:var(--white);margin-bottom:0.5rem}.page-legal .intro-box p{color:rgba(255,255,255,0.5);line-height:1.6;margin:0}.page-legal .legal-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(200,169,110,0.06)}.page-legal .legal-section:last-of-type{border-bottom:none}.page-legal .legal-section h2{display:flex;align-items:center;gap:0.75rem;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:1.5rem}.page-legal .legal-section h2 i,.page-legal .legal-section h2 .icon{color:var(--hud-cyan);font-size:1.3rem}.page-legal .legal-section h3{font-size:1.15rem;font-weight:600;color:var(--white);margin:2rem 0 1rem}.page-legal .legal-section h4{font-size:1rem;font-weight:600;color:rgba(255,255,255,0.8);margin:1.5rem 0 0.75rem}.page-legal .legal-text{color:rgba(255,255,255,0.55);line-height:1.8}.page-legal .legal-text p{margin-bottom:1rem}.page-legal .legal-text strong{font-weight:600;color:var(--white)}.page-legal .legal-text a{color:var(--hud-cyan);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.page-legal .legal-text a:hover{color:var(--white);border-bottom-color:var(--hud-cyan)}.page-legal .legal-text ul,.page-legal .legal-text ol{margin:1rem 0 1.5rem 1.5rem;padding-left:1rem}.page-legal .legal-text li{margin-bottom:0.5rem;padding-left:0.5rem}.page-legal .info-box{display:flex;align-items:start;gap:1rem;padding:1rem 1.5rem;margin:1.5rem 0;background:rgba(255,171,0,0.04);border-left:3px solid rgba(255,171,0,0.3);border-radius:8px}.page-legal .info-box i,.page-legal .info-box .icon{color:var(--hud-amber);font-size:1.25rem;margin-top:0.25rem;flex-shrink:0}.page-legal .info-box p{margin:0;color:rgba(255,255,255,0.55)}.page-legal .purpose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .purpose-card{padding:1.5rem;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);border-radius:12px;transition:var(--transition)}.page-legal .purpose-card:hover{border-color:rgba(200,169,110,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.2);transform:translateY(-2px)}.page-legal .purpose-card i,.page-legal .purpose-card .icon{font-size:1.75rem;color:var(--hud-cyan);margin-bottom:1rem}.page-legal .purpose-card h4{font-size:1.05rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0}.page-legal .purpose-card p{color:rgba(255,255,255,0.45);font-size:0.9rem;line-height:1.6;margin-bottom:1rem}.page-legal .legal-basis{display:inline-block;padding:0.25rem 0.75rem;background:rgba(200,169,110,0.08);color:var(--hud-cyan);font-size:0.75rem;font-weight:500;border-radius:4px;border:1px solid rgba(200,169,110,0.15)}.page-legal .retention-table{margin:1.5rem 0;background:rgba(200,169,110,0.02);border-radius:12px;overflow:hidden;border:1px solid rgba(200,169,110,0.08)}.page-legal .retention-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem;border-bottom:1px solid rgba(200,169,110,0.06);transition:var(--transition)}.page-legal .retention-row:last-child{border-bottom:none}.page-legal .retention-row:hover{background:rgba(200,169,110,0.04)}.page-legal .retention-type{display:flex;align-items:center;gap:0.75rem;font-weight:600;color:var(--white)}.page-legal .retention-type i,.page-legal .retention-type .icon{color:var(--hud-cyan);font-size:1.15rem}.page-legal .retention-duration{display:flex;align-items:center;color:rgba(255,255,255,0.5)}.page-legal .cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .cookie-card{padding:1.5rem;border-radius:12px;border:1px solid;transition:var(--transition)}.page-legal .cookie-card.essential{background:rgba(0,230,118,0.03);border-color:rgba(0,230,118,0.15)}.page-legal .cookie-card.analytics{background:rgba(200,169,110,0.03);border-color:rgba(200,169,110,0.15)}.page-legal .cookie-card.preference{background:rgba(167,139,250,0.03);border-color:rgba(167,139,250,0.15)}.page-legal .cookie-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.2);transform:translateY(-2px)}.page-legal .cookie-card i,.page-legal .cookie-card .icon{font-size:1.75rem;margin-bottom:1rem}.page-legal .cookie-card.essential i,.page-legal .cookie-card.essential .icon{color:var(--hud-green)}.page-legal .cookie-card.analytics i,.page-legal .cookie-card.analytics .icon{color:var(--hud-cyan)}.page-legal .cookie-card.preference i,.page-legal .cookie-card.preference .icon{color:#a78bfa}.page-legal .cookie-card h4{font-size:1.05rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0}.page-legal .cookie-card p{color:rgba(255,255,255,0.45);font-size:0.9rem;line-height:1.6;margin-bottom:1rem}.page-legal .cookie-consent{display:inline-block;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:4px}.page-legal .cookie-card.essential .cookie-consent{background:rgba(0,230,118,0.08);color:var(--hud-green);border:1px solid rgba(0,230,118,0.15)}.page-legal .cookie-card.analytics .cookie-consent,.page-legal .cookie-card.preference .cookie-consent{background:rgba(255,171,0,0.08);color:var(--hud-amber);border:1px solid rgba(255,171,0,0.15)}.page-legal .security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .security-item{text-align:center;padding:1.5rem;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);border-radius:12px;transition:var(--transition)}.page-legal .security-item:hover{border-color:rgba(200,169,110,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.2);transform:translateY(-2px)}.page-legal .security-item i,.page-legal .security-item .icon{font-size:2rem;color:var(--hud-cyan);margin-bottom:1rem}.page-legal .security-item h4{font-size:0.95rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0}.page-legal .security-item p{color:rgba(255,255,255,0.45);font-size:0.85rem;margin:0}.page-legal .rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .right-card{padding:1.5rem;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);border-radius:12px;text-align:center;transition:var(--transition)}.page-legal .right-card:hover{border-color:rgba(200,169,110,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.2);transform:translateY(-2px)}.page-legal .right-card i,.page-legal .right-card .icon{font-size:2rem;color:var(--hud-cyan);margin-bottom:1rem}.page-legal .right-card h4{font-size:0.95rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0}.page-legal .right-card p{color:rgba(255,255,255,0.45);font-size:0.85rem;line-height:1.6;margin:0}.page-legal .contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .contact-method{display:flex;align-items:start;gap:1rem;padding:1.5rem;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);border-radius:12px;transition:var(--transition)}.page-legal .contact-method:hover{border-color:rgba(200,169,110,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.page-legal .contact-method i,.page-legal .contact-method .icon{font-size:1.3rem;color:var(--hud-cyan);margin-top:0.25rem;flex-shrink:0}.page-legal .contact-method strong{display:block;font-size:1rem;font-weight:600;color:var(--white);margin-bottom:0.25rem}.page-legal .contact-method p{font-size:0.9rem;color:rgba(255,255,255,0.45);margin:0}.page-legal .contact-info{margin:1.5rem 0;padding:1.5rem;background:rgba(200,169,110,0.03);border-radius:12px;border:1px solid rgba(200,169,110,0.08)}.page-legal .contact-info p{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;color:rgba(255,255,255,0.55)}.page-legal .contact-info p:last-child{margin-bottom:0}.page-legal .contact-info i,.page-legal .contact-info .icon{color:var(--hud-cyan);width:20px;text-align:center}.page-legal .allowed-uses{margin:1.5rem 0}.page-legal .use-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;margin-bottom:0.75rem;border-radius:8px;transition:var(--transition)}.page-legal .use-item.allowed{background:rgba(0,230,118,0.04);border-left:3px solid rgba(0,230,118,0.3)}.page-legal .use-item.forbidden{background:rgba(231,76,60,0.04);border-left:3px solid rgba(231,76,60,0.3)}.page-legal .use-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.page-legal .use-item i,.page-legal .use-item .icon{font-size:1.1rem;flex-shrink:0}.page-legal .use-item.allowed i,.page-legal .use-item.allowed .icon{color:var(--hud-green)}.page-legal .use-item.forbidden i,.page-legal .use-item.forbidden .icon{color:var(--accent)}.page-legal .use-item span{color:rgba(255,255,255,0.55);font-size:0.95rem}.page-legal .liability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:2rem 0}.page-legal .liability-item{text-align:center;padding:1.5rem;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);border-radius:12px}.page-legal .liability-item i,.page-legal .liability-item .icon{font-size:1.75rem;color:var(--hud-amber);margin-bottom:1rem}.page-legal .liability-item h4{font-size:0.95rem;font-weight:600;color:var(--white);margin:0 0 0.5rem 0}.page-legal .liability-item p{color:rgba(255,255,255,0.45);font-size:0.85rem;margin:0}.page-legal .legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(200,169,110,0.08);text-align:center;color:rgba(255,255,255,0.4);font-size:0.875rem}.page-legal .legal-footer p{display:flex;align-items:center;gap:0.5rem;margin:0}.page-legal .legal-footer i,.page-legal .legal-footer .icon{color:var(--hud-cyan)}.page-legal .acceptance-box{display:flex;gap:1.5rem;margin-top:3rem;padding:2rem;background:rgba(0,230,118,0.04);border:1px solid rgba(0,230,118,0.15);border-radius:12px}.page-legal .acceptance-box>i,.page-legal .acceptance-box>.icon{font-size:2rem;color:var(--hud-green);flex-shrink:0}.page-legal .acceptance-box h3{font-size:1.15rem;font-weight:600;color:var(--white);margin-bottom:0.75rem}.page-legal .acceptance-box p{color:rgba(255,255,255,0.55);line-height:1.6;margin:0}
@media (max-width:64em){.page-legal .legal-container{padding:2rem}.page-legal .legal-section h2{font-size:1.3rem}.page-legal .purpose-grid,.page-legal .security-grid,.page-legal .rights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media (max-width:48em){.page-legal .page-hero{padding:5rem 0 4rem}.page-legal .page-hero-inner{flex-direction:column;gap:2.5rem;align-items:center;text-align:center}.page-legal .hero-eyebrow{justify-content:center}.page-legal .hero-text>p{margin-inline:auto}.page-legal .hero-text h1{font-size:clamp(2.5rem,8vw,4rem)}.page-legal .legal-container{padding:1.5rem;border-radius:12px}.page-legal .legal-content{padding:2rem 0 3rem}.page-legal .intro-box,.page-legal .acceptance-box{flex-direction:column;text-align:center}.page-legal .retention-row{grid-template-columns:1fr;gap:1rem}.page-legal .contact-methods{grid-template-columns:1fr}.page-legal .purpose-grid,.page-legal .security-grid,.page-legal .rights-grid,.page-legal .cookie-types,.page-legal .liability-grid{grid-template-columns:1fr}}
@media (max-width:30em){.page-legal .container{padding:0 0.875rem}.page-legal .page-hero{padding:4rem 0 3rem}.page-legal .hero-text h1{font-size:clamp(1.75rem,10vw,2.5rem);margin-bottom:0.75rem}.page-legal .legal-container{padding:1rem}.page-legal .legal-content{padding:1.5rem 0 2rem}.page-legal .legal-section{padding:1.25rem 0}.page-legal .legal-section h2{font-size:1.15rem;flex-direction:column;align-items:start}.page-legal .legal-section p,.page-legal .legal-section li{font-size:0.85rem}.page-legal .legal-footer{flex-direction:column;gap:1rem}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(26,38,47,0.98);backdrop-filter:blur(10px);padding:1.5rem;box-shadow:0 -4px 20px rgba(0,0,0,0.2);z-index:9999;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);border-top:3px solid var(--secondary)}.cookie-banner.show{transform:translateY(0)}.cookie-banner.hidden{display:none}.cookie-banner-content{max-width:75em;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-banner-text{display:flex;align-items:start;gap:1.5rem;flex:1}.cookie-icon{font-size:2.5rem;color:var(--warning);flex-shrink:0;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.cookie-message h3{color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem}.cookie-message p{color:rgba(255,255,255,0.8);font-size:0.95rem;line-height:1.6;margin:0}.cookie-banner-actions{display:flex;gap:0.75rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.btn-sm{padding:0.65rem 1.25rem;font-size:0.9rem;white-space:nowrap}.cookie-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.cookie-modal.show{opacity:1;pointer-events:all}.cookie-modal.hidden{display:none}.cookie-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px)}.cookie-modal-container{position:relative;background:var(--white);border-radius:16px;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:scale(0.9);transition:transform 0.3s ease}.cookie-modal.show .cookie-modal-container{transform:scale(1)}.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:2px solid var(--border);background:linear-gradient(135deg,rgba(52,152,219,0.1) 0%,rgba(52,152,219,0.05) 100%)}.cookie-modal-header h2{display:flex;align-items:center;gap:0.75rem;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:600;color:var(--primary);margin:0}.cookie-modal-header i,.cookie-modal-header .icon{color:var(--warning);font-size:1.75rem}.cookie-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:8px;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.cookie-modal-close:hover{background:rgba(0,0,0,0.05);color:var(--primary)}.cookie-modal-content{flex:1;overflow-y:auto;padding:2rem}.cookie-intro{margin-bottom:2rem;padding:1rem 1.5rem;background:rgba(52,152,219,0.05);border-left:4px solid var(--secondary);border-radius:8px}.cookie-intro p{color:var(--text-primary);line-height:1.6;margin:0}.cookie-category{margin-bottom:1.5rem;border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:var(--transition)}.cookie-category:hover{border-color:var(--secondary);box-shadow:var(--shadow)}.cookie-category-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--bg);cursor:pointer;transition:var(--transition)}.cookie-category-header:hover{background:rgba(52,152,219,0.05)}.cookie-category-info{display:flex;align-items:start;gap:1rem;flex:1}.cookie-category-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.cookie-category-icon.essential{background:rgba(39,174,96,0.1);color:var(--success)}.cookie-category-icon.analytics{background:rgba(52,152,219,0.1);color:var(--secondary)}.cookie-category-icon.preference{background:rgba(155,89,182,0.1);color:#9b59b6}.cookie-category-icon.marketing{background:rgba(243,156,18,0.1);color:var(--warning)}.cookie-category-info h3{font-size:1.1rem;font-weight:600;color:var(--primary);margin:0 0 0.25rem 0}.cookie-category-description{font-size:0.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.cookie-toggle{flex-shrink:0}.cookie-toggle input[type="checkbox"]{display:none}.cookie-toggle label{display:block;width:54px;height:28px;background:#dce1e6;border-radius:50px;position:relative;cursor:pointer;transition:var(--transition)}.cookie-toggle label.toggle-disabled{opacity:0.6;cursor:not-allowed}.toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--white);border-radius:50%;transition:var(--transition);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.cookie-toggle input[type="checkbox"]:checked+label{background:var(--success)}.cookie-toggle input[type="checkbox"]:checked+label .toggle-slider{transform:translateX(26px)}.cookie-toggle input[type="checkbox"]:disabled+label{background:var(--success);opacity:0.6}.cookie-category-details{padding:1.5rem;border-top:1px solid var(--border);background:var(--white)}.cookie-category-details p{color:var(--text-primary);line-height:1.6;margin-bottom:0.75rem}.cookie-category-details strong{color:var(--primary);font-weight:600}.cookie-category-details ul{margin:0.5rem 0 1rem 1.5rem;padding-left:0.5rem}.cookie-category-details li{color:var(--text-secondary);line-height:1.8;margin-bottom:0.25rem}.cookie-duration{display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);font-size:0.875rem;margin:1rem 0 0 0;padding-top:1rem;border-top:1px dashed var(--border)}.cookie-duration i,.cookie-duration .icon{color:var(--secondary)}.cookie-info-box{display:flex;align-items:start;gap:1rem;padding:1.5rem;margin-top:2rem;background:rgba(243,156,18,0.1);border-left:4px solid var(--warning);border-radius:8px}.cookie-info-box>i,.cookie-info-box>.icon{color:var(--warning);font-size:1.5rem;flex-shrink:0;margin-top:0.25rem}.cookie-info-box p{color:var(--text-primary);line-height:1.6;margin:0 0 0.5rem 0}.cookie-info-box p:last-child{margin-bottom:0}.cookie-info-box a{color:var(--secondary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:var(--transition)}.cookie-info-box a:hover{border-bottom-color:var(--secondary)}.cookie-modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid var(--border);background:var(--bg);justify-content:flex-end;flex-wrap:wrap}
@media (max-width:64em){.cookie-banner-content{flex-direction:column;align-items:stretch}.cookie-banner-actions{justify-content:stretch}.cookie-banner-actions .btn{flex:1}.cookie-modal-container{width:95%;max-height:95vh}.cookie-modal-header,.cookie-modal-content,.cookie-modal-footer{padding:1.5rem}}
@media (max-width:48em){.cookie-banner{padding:1rem}.cookie-banner-text{flex-direction:column;gap:1rem}.cookie-icon{font-size:2rem}.cookie-message h3{font-size:1.1rem}.cookie-message p{font-size:0.875rem}.cookie-banner-actions{flex-direction:column}.cookie-modal-header h2{font-size:1.25rem}.cookie-category-header{flex-direction:column;gap:1rem;align-items:start}.cookie-toggle{align-self:flex-end}.cookie-modal-footer{flex-direction:column}.cookie-modal-footer .btn{width:100%}}
@media (max-width:30em){.cookie-modal-container{width:100%;max-height:100vh;border-radius:0}.cookie-modal-header,.cookie-modal-content{padding:1rem}.cookie-category-icon{width:40px;height:40px;font-size:1.25rem}}
@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner.show{animation:slideUp 0.4s cubic-bezier(0.4,0,0.2,1)}.page-home .hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--night)}.page-home .hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.page-home .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,13,0.7) 0%,rgba(13,13,13,0.4) 40%,rgba(13,13,13,0.75) 100%),radial-gradient(ellipse at 30% 50%,rgba(200,169,110,0.06) 0%,transparent 60%);z-index:1}.page-home .hero-hud-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:80px 80px;opacity:1}.page-home .hero-hud-corner{position:absolute;width:60px;height:60px;z-index:2;pointer-events:none}.page-home .hero-hud-corner::before,.page-home .hero-hud-corner::after{content:'';position:absolute;background:rgba(200,169,110,0.2)}.page-home .hud-tl{top:80px;left:24px}.page-home .hud-tl::before{top:0;left:0;width:40px;height:2px}.page-home .hud-tl::after{top:0;left:0;width:2px;height:40px}.page-home .hud-tr{top:80px;right:24px}.page-home .hud-tr::before{top:0;right:0;width:40px;height:2px}.page-home .hud-tr::after{top:0;right:0;width:2px;height:40px}.page-home .hud-bl{bottom:24px;left:24px}.page-home .hud-bl::before{bottom:0;left:0;width:40px;height:2px}.page-home .hud-bl::after{bottom:0;left:0;width:2px;height:40px}.page-home .hud-br{bottom:24px;right:24px}.page-home .hud-br::before{bottom:0;right:0;width:40px;height:2px}.page-home .hud-br::after{bottom:0;right:0;width:2px;height:40px}.page-home .hero-content{position:relative;z-index:3;text-align:center;color:var(--white);max-width:64em;padding:3rem}.page-home .hero-badge{display:inline-flex;align-items:center;gap:0.6rem;background:rgba(200,169,110,0.08);backdrop-filter:blur(12px);padding:0.75rem 1.75rem 0.75rem 2.5rem;border-radius:50px;font-size:0.8rem;font-weight:600;margin-bottom:2.5rem;border:1px solid rgba(200,169,110,0.2);color:var(--hud-cyan);text-transform:uppercase;letter-spacing:1.5px;animation:fadeInUp 1s ease 0.2s both;position:relative;overflow:hidden}.page-home .badge-pulse{position:absolute;left:12px;width:6px;height:6px;border-radius:50%;background:var(--hud-cyan);opacity:0.9}
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.page-home .hero-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem;animation:fadeInUp 1s ease 0.4s both}.page-home .gradient-text{background:linear-gradient(135deg,#E8C98A 0%,var(--hud-cyan) 50%,rgba(255,255,255,0.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-home .hero-description{font-size:clamp(1rem,2vw,1.2rem);line-height:1.8;margin-bottom:3.5rem;color:rgba(255,255,255,0.75);animation:fadeInUp 1s ease 0.6s both;max-width:700px;margin-left:auto;margin-right:auto}.page-home .hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease 0.8s both}.page-home main .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.875rem 1.75rem;border:none;border-radius:50px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:var(--transition);font-family:'DM Sans',sans-serif;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.page-home .btn-primary{background:var(--hud-cyan);color:var(--night);border:none;font-weight:700}.page-home .btn-primary:hover{background:#D4B87E;box-shadow:0 8px 24px rgba(200,169,110,0.25)}.page-home .btn-ghost{background:transparent;color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.2)}.page-home .btn-ghost:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.35);color:var(--white)}.page-home .btn-secondary{background:rgba(255,255,255,0.06);backdrop-filter:blur(10px);color:var(--white);border:1px solid rgba(255,255,255,0.15)}.page-home .btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)}.page-home .btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.page-home .btn-outline:hover{background:var(--white);color:var(--night)}.page-home .btn-large{padding:1.1rem 2.5rem;font-size:1rem}.page-home .btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.page-home .hero-stats{display:flex;justify-content:center;align-items:center;gap:5rem;margin-top:7rem;flex-wrap:wrap;animation:fadeInUp 1s ease 1s both}.page-home .stat-item{text-align:center;min-width:120px}.page-home .stat-number{font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;font-weight:700;color:var(--hud-cyan);display:block;margin-bottom:0.5rem}.page-home .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:2px;font-weight:600}.page-home .stat-divider{width:1px;height:40px;background:rgba(255,255,255,0.1)}.page-home .scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:pointer;transition:var(--transition)}.page-home .scroll-indicator span{font-size:0.65rem;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,0.3)}.page-home .scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(200,169,110,0.4),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:0.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.page-home .section-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.55);padding:0.4rem 1rem;border-radius:6px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;border:1px solid rgba(255,255,255,0.09)}.page-home .section-badge.dark{background:rgba(200,169,110,0.06);border:1px solid rgba(200,169,110,0.15)}.page-home .section-header{text-align:center;max-width:700px;margin:0 auto 7rem}.page-home .section-header h2{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:-0.5px}.page-home .section-header p{font-size:1.1rem;color:rgba(255,255,255,0.55);line-height:1.8}.page-home .section-header.light h2{color:var(--white)}.page-home .section-header.light p{color:rgba(255,255,255,0.55)}.page-home .features{padding:13rem 0;background:var(--night);position:relative}.page-home .features::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,0.15),transparent)}.page-home .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:0}.page-home .feature-card{display:flex;flex-direction:column;background:rgba(20,20,20,0.5);padding:3rem;border-radius:16px;border:1px solid rgba(255,255,255,0.07);transition:var(--transition);position:relative;overflow:hidden}.page-home .feature-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.12);background:rgba(20,20,20,0.85);box-shadow:0 16px 40px rgba(0,0,0,0.25)}.page-home .feature-icon{width:56px;height:56px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--hud-cyan);margin-bottom:2.5rem}.page-home .feature-card h3{font-family:'DM Sans',sans-serif;font-size:1.2rem;font-weight:700;color:var(--white);margin-bottom:1rem}.page-home .feature-card p{color:rgba(255,255,255,0.5);line-height:1.7;margin-bottom:1.25rem;flex:1}.page-home .feature-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--hud-cyan);font-weight:600;font-size:0.9rem;text-decoration:none;text-transform:uppercase;letter-spacing:0.5px;transition:var(--transition-fast)}.page-home .feature-link:hover{gap:0.75rem}.page-home .featured{padding:10rem 0;background:var(--night-mid);position:relative}.page-home .featured::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,0.12),transparent)}.page-home .featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:0}.page-home .aircraft-card{background:rgba(10,12,18,0.9);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.07);transition:var(--transition);position:relative}.page-home .aircraft-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.13);box-shadow:0 20px 48px rgba(0,0,0,0.35)}.page-home .aircraft-image{position:relative;width:100%;height:280px;overflow:hidden}.page-home .aircraft-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.page-home .aircraft-card:hover .aircraft-image img{transform:scale(1.08)}.page-home .aircraft-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(13,13,13,0.95) 100%);display:flex;align-items:flex-end;padding:1.5rem}.page-home .aircraft-tags{display:flex;gap:0.5rem;flex-wrap:wrap}.page-home .tag{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);color:rgba(255,255,255,0.75);padding:0.25rem 0.75rem;border-radius:6px;font-size:0.7rem;font-weight:600;border:1px solid rgba(255,255,255,0.12);text-transform:uppercase;letter-spacing:0.5px}.page-home .aircraft-content{padding:2rem}.page-home .aircraft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-home .aircraft-header h3{font-family:'DM Sans',sans-serif;font-size:1.2rem;font-weight:700;color:var(--white)}.page-home .aircraft-flag img{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.page-home .aircraft-description{color:rgba(255,255,255,0.5);line-height:1.7;margin-bottom:1.25rem;font-size:0.95rem}.page-home .aircraft-specs{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-home .spec{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.5);font-size:0.9rem}.page-home .spec i,.page-home .spec .icon{color:var(--hud-cyan)}.page-home .aircraft-btn{display:inline-flex;align-items:center;gap:0.5rem;color:var(--hud-cyan);font-weight:600;text-decoration:none;transition:var(--transition-fast);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.5px}.page-home .aircraft-btn:hover{gap:0.75rem}.page-home .section-cta{text-align:center;margin-top:3rem}.page-home .timeline-preview{position:relative;padding:10rem 0;background:var(--night);overflow:hidden}.page-home .timeline-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(200,169,110,0.04) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(102,126,234,0.04) 0%,transparent 50%);z-index:0}.page-home .timeline-preview::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,0.12),transparent);z-index:1}.page-home .timeline-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}.page-home .timeline-text h2{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-1px;color:var(--white);margin-bottom:2rem}.page-home .timeline-text p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,0.6);margin-bottom:2rem}.page-home .timeline-features{list-style:none;margin-bottom:2rem}.page-home .timeline-features li{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;font-size:1rem;color:rgba(255,255,255,0.7)}.page-home .timeline-features i,.page-home .timeline-features .icon{color:var(--hud-cyan);font-size:1.1rem}.page-home .timeline-visual{display:grid;gap:1.25rem}.page-home .timeline-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:1.75rem 2rem;transition:var(--transition);position:relative}.page-home .timeline-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:var(--transition);border-radius:2px}.page-home .timeline-card:hover,.page-home .timeline-card.active{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);transform:translateX(4px)}.page-home .timeline-card:hover::before,.page-home .timeline-card.active::before{background:var(--hud-cyan)}.page-home .timeline-year{font-size:0.8rem;color:rgba(255,255,255,0.4);margin-bottom:0.5rem;letter-spacing:1px}.page-home .timeline-gen{font-family:'DM Sans',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:0.5rem}.page-home .timeline-example{font-size:0.85rem;color:rgba(255,255,255,0.5)}.page-home .cta-section{padding:12rem 0;background:var(--night-mid);text-align:center;position:relative;overflow:hidden}.page-home .cta-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(200,169,110,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,110,0.02) 1px,transparent 1px);background-size:80px 80px;z-index:0}.page-home .cta-content{position:relative;z-index:1}.page-home .cta-icon{width:72px;height:72px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:rgba(200,169,110,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:50%;font-size:1.75rem;color:var(--hud-cyan)}.page-home .cta-content h2{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:1rem;color:var(--white)}.page-home .cta-content p{font-size:1.15rem;margin-bottom:2.5rem;color:rgba(255,255,255,0.55);max-width:48em;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.page-home .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.page-home [data-aos]{opacity:0;transition-property:transform,opacity}.page-home [data-aos].aos-animate{opacity:1}.page-home [data-aos="fade-up"]{transform:translateY(40px)}.page-home [data-aos="fade-up"].aos-animate{transform:translateY(0)}.page-home [data-aos="fade-right"]{transform:translateX(-40px)}.page-home [data-aos="fade-right"].aos-animate{transform:translateX(0)}.page-home [data-aos="fade-left"]{transform:translateX(40px)}.page-home [data-aos="fade-left"].aos-animate{transform:translateX(0)}.page-home [data-aos="zoom-in"]{transform:scale(0.9)}.page-home [data-aos="zoom-in"].aos-animate{transform:scale(1)}
@media (min-width:90em){.page-home main .container{max-width:75em}.page-home .featured-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:75em){.page-home main .container{padding:0 3rem}.page-home .featured-grid{grid-template-columns:repeat(2,1fr)}.page-home .timeline-content{gap:5rem}}
@media (max-width:64em){.page-home .hero{min-height:600px}.page-home .hero-content{max-width:750px;padding:2rem 1.5rem}.page-home .hero-stats{gap:2rem}.page-home .hero-hud-corner{display:none}.page-home .stat-number{font-size:2.25rem}.page-home .features-grid{grid-template-columns:1fr;gap:2rem}.page-home .featured-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.page-home .aircraft-image{height:240px}.page-home .timeline-content{grid-template-columns:1fr;gap:3rem}.page-home .timeline-visual{grid-template-columns:repeat(2,1fr)}.page-home .features,.page-home .featured,.page-home .timeline-preview,.page-home .cta-section{padding:6rem 0}}
@media (max-width:48em){.page-home main .container{padding:0 1.5rem}.page-home .hero{min-height:500px}.page-home .hero-content{padding:1.5rem 1rem}.page-home .hero-badge{font-size:0.65rem;padding:0.4rem 0.9rem 0.4rem 1.7rem;margin-bottom:1.5rem}.page-home .hero-title{margin-bottom:1.25rem}.page-home .hero-description{margin-bottom:2rem}.page-home .hero-actions,.page-home .cta-actions{gap:0.75rem}.page-home main .btn{width:100%;max-width:400px}.page-home .btn-large{padding:0.875rem 1.75rem}.page-home .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.page-home .stat-item{min-width:auto;flex:1}.page-home .stat-number{font-size:1.875rem}.page-home .stat-label{font-size:0.65rem}.page-home .stat-divider{display:none}.page-home .section-header{margin-bottom:3rem}.page-home .section-header h2{margin-bottom:0.75rem}.page-home .featured-grid{grid-template-columns:1fr;gap:1.5rem}.page-home .aircraft-image{height:200px}.page-home .aircraft-content{padding:1.25rem}.page-home .aircraft-specs{gap:1rem}.page-home .feature-card{padding:1.5rem}.page-home .feature-icon{width:48px;height:48px;font-size:1.3rem}.page-home .timeline-visual{grid-template-columns:1fr}.page-home .timeline-card{padding:1.25rem}.page-home .cta-content p{font-size:1.05rem;margin-bottom:2rem}.page-home .features,.page-home .featured,.page-home .timeline-preview,.page-home .cta-section{padding:5rem 0}}
@media (max-width:30em){.page-home main .container{padding:0 0.875rem}.page-home .hero{min-height:450px}.page-home .hero-content{padding:0.75rem}.page-home .hero-badge{font-size:0.6rem;padding:0.35rem 0.8rem 0.35rem 1.6rem;margin-bottom:1rem}.page-home .hero-stats{gap:1rem;margin-top:1.5rem}.page-home .stat-number{font-size:1.6rem}.page-home .stat-label{font-size:0.6rem}.page-home main .btn{padding:0.75rem 1.5rem;font-size:0.875rem}.page-home .btn i,.page-home .btn .icon{font-size:0.875rem}.page-home .feature-card{padding:1rem}.page-home .feature-card h3{font-size:1.15rem}.page-home .aircraft-image{height:180px}.page-home .aircraft-content{padding:1rem}.page-home .aircraft-header h3{font-size:1.2rem}.page-home .aircraft-description{font-size:0.9rem}.page-home .timeline-card{padding:1rem}.page-home .timeline-gen{font-size:1.1rem}.page-home .features,.page-home .featured,.page-home .timeline-preview,.page-home .cta-section{padding:3rem 0}.page-home .section-header{margin-bottom:2.5rem}}
@media (max-height:500px) and (orientation:landscape){.page-home .hero{min-height:100vh;height:auto}.page-home .hero-content{padding:1rem}.page-home .hero-badge{margin-bottom:0.75rem}.page-home .hero-title{margin-bottom:0.75rem}.page-home .hero-description{margin-bottom:1rem}.page-home .hero-stats{margin-top:1rem}.page-home .scroll-indicator{display:none}}
@media (hover:none) and (pointer:coarse){.page-home main .btn{min-height:44px}.page-home .feature-card:hover,.page-home .aircraft-card:hover{transform:none}.page-home .feature-card:active{transform:scale(0.98)}.page-home .aircraft-card:active{transform:scale(0.98)}}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.page-home .aircraft-image img,.page-home .hero-video{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
@media (prefers-reduced-motion:reduce){.page-home *,.page-home *::before,.page-home *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.page-home .scroll-indicator{animation:none}}
@media print{.page-home .scroll-indicator,.page-home .hero-video,.page-home .hero-hud-grid,.page-home .hero-hud-corner,.page-home .cta-grid-bg{display:none !important}.page-home .hero{min-height:auto;height:auto}.page-home *{background:white !important;color:black !important;box-shadow:none !important}}.page-home .personal-space{padding:6rem 0;background:var(--night-mid);position:relative;overflow:hidden}.page-home .personal-space::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 50%,rgba(200,169,110,0.04) 0%,transparent 70%);pointer-events:none}.page-home .personal-space-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem}.page-home .personal-card{background:rgba(13,13,13,0.7);border:1px solid rgba(200,169,110,0.1);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;transition:var(--transition)}.page-home .personal-card:hover{border-color:rgba(200,169,110,0.25);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4)}.page-home .personal-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--hud-cyan),transparent);opacity:0;transition:var(--transition)}.page-home .personal-card:hover::before{opacity:1}.page-home .personal-card-icon{width:56px;height:56px;background:rgba(200,169,110,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--hud-cyan);margin-bottom:1.5rem}.page-home .personal-card h3{font-size:1.4rem;font-weight:700;color:var(--white);margin-bottom:0.75rem}.page-home .personal-card p{color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:1.5rem}.page-home .personal-features-list{list-style:none;display:flex;flex-direction:column;gap:0.625rem;margin-bottom:2rem}.page-home .personal-features-list li{display:flex;align-items:center;gap:0.75rem;color:rgba(255,255,255,0.7);font-size:0.9rem}.page-home .personal-features-list li i,.page-home .personal-features-list li .icon{color:var(--hud-green);width:16px;text-align:center;flex-shrink:0}.page-home .roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:2rem}.page-home .role-badge{background:rgba(20,20,20,0.8);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:0.875rem 0.625rem;text-align:center;transition:var(--transition)}.page-home .role-badge:hover{border-color:rgba(200,169,110,0.2)}.page-home .role-badge .role-icon{font-size:1.25rem;margin-bottom:0.375rem;display:block}.page-home .role-badge .role-name{display:block;font-size:0.8rem;font-weight:600;color:var(--white);margin-bottom:0.25rem}.page-home .role-badge .role-desc{font-size:0.72rem;color:rgba(255,255,255,0.45);line-height:1.3}.page-home .role-badge.admin{border-color:rgba(255,171,0,0.25)}.page-home .role-badge.admin .role-icon{color:var(--hud-amber)}.page-home .role-badge.editor{border-color:rgba(200,169,110,0.2)}.page-home .role-badge.editor .role-icon{color:var(--hud-cyan)}.page-home .role-badge.member{border-color:rgba(0,230,118,0.2)}.page-home .role-badge.member .role-icon{color:var(--hud-green)}.page-home .search-showcase{padding:6rem 0;background:var(--night);position:relative;overflow:hidden}.page-home .search-showcase::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,230,118,0.03) 0%,transparent 60%);pointer-events:none}.page-home .search-showcase-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.page-home .search-showcase-text h2{font-size:2.25rem;font-weight:700;color:var(--white);margin-bottom:1rem;line-height:1.2}.page-home .search-showcase-text p{color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:2rem}.page-home .search-features-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.page-home .search-features-list li{display:flex;align-items:flex-start;gap:1rem}.page-home .search-features-list li .sf-icon{width:36px;height:36px;background:rgba(0,230,118,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--hud-green);font-size:0.9rem;flex-shrink:0;margin-top:2px}.page-home .search-features-list li .sf-text strong{display:block;color:var(--white);font-weight:600;margin-bottom:0.2rem}.page-home .search-features-list li .sf-text span{color:rgba(255,255,255,0.5);font-size:0.875rem}.page-home .hangar-mockup{background:rgba(20,20,20,0.8);border:1px solid rgba(200,169,110,0.12);border-radius:20px;padding:1.5rem;box-shadow:0 24px 60px rgba(0,0,0,0.5);position:relative}.page-home .mockup-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.06)}.page-home .mockup-dot{width:10px;height:10px;border-radius:50%}.page-home .mockup-dot:nth-child(1){background:#ff5f57}.page-home .mockup-dot:nth-child(2){background:#febc2e}.page-home .mockup-dot:nth-child(3){background:#28c840}.page-home .mockup-title{margin-left:auto;font-size:0.78rem;color:rgba(255,255,255,0.35);font-family:'Barlow Condensed',sans-serif}.page-home .mockup-search{display:flex;align-items:center;gap:0.75rem;background:rgba(13,13,13,0.6);border:1px solid rgba(200,169,110,0.15);border-radius:10px;padding:0.75rem 1rem;margin-bottom:1rem}.page-home .mockup-search i,.page-home .mockup-search .icon{color:var(--hud-cyan);font-size:0.9rem}.page-home .mockup-search span{color:rgba(255,255,255,0.3);font-size:0.875rem}.page-home .mockup-filters{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-home .mockup-filter-chip{display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.875rem;border-radius:20px;font-size:0.78rem;font-weight:500;cursor:default;transition:var(--transition)}.page-home .mockup-filter-chip.active{background:rgba(200,169,110,0.12);border:1px solid rgba(200,169,110,0.3);color:var(--hud-cyan)}.page-home .mockup-filter-chip.inactive{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.45)}.page-home .mockup-view-toggle{display:flex;gap:0.375rem;margin-left:auto}.page-home .mockup-view-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.8rem}.page-home .mockup-view-btn.active-view{background:rgba(200,169,110,0.15);color:var(--hud-cyan)}.page-home .mockup-view-btn.inactive-view{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.3)}.page-home .mockup-filters-row{display:flex;align-items:center;gap:0.5rem}.page-home .mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}.page-home .mockup-card{background:rgba(13,13,13,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:10px;overflow:hidden;transition:var(--transition)}.page-home .mockup-card:hover{border-color:rgba(200,169,110,0.2)}.page-home .mockup-card-img{height:70px;background:linear-gradient(135deg,rgba(200,169,110,0.05) 0%,rgba(20,20,20,0.8) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:rgba(200,169,110,0.3);border-bottom:1px solid rgba(255,255,255,0.05)}.page-home .mockup-card-body{padding:0.625rem 0.75rem}.page-home .mockup-card-name{font-size:0.75rem;font-weight:600;color:var(--white);margin-bottom:0.3rem}.page-home .mockup-card-meta{font-size:0.68rem;color:rgba(255,255,255,0.4);display:flex;align-items:center;gap:0.5rem}
@media (max-width:75em){}
@media (max-width:64em){.page-home .personal-space-grid{grid-template-columns:1fr}.page-home .search-showcase-content{grid-template-columns:1fr}.page-home .roles-grid{grid-template-columns:repeat(3,1fr)}.page-home .hangar-mockup{display:none}}
@media (max-width:48em){.page-home .roles-grid{grid-template-columns:repeat(3,1fr)}.page-home .personal-card{padding:1.75rem}}