@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/350b852752f8489d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/5ec84f17416dda4d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/01f0c602c274ea55-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Cairo Fallback;src:local("Arial");ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.00%;size-adjust:94.66%}.__className_61cf45{font-family:Cairo,Cairo Fallback;font-style:normal}.__variable_61cf45{--font-cairo:"Cairo","Cairo Fallback"}:root{color-scheme:dark;--bg-primary:#18191c;--bg-secondary:#202227;--bg-tertiary:#282a30;--bg-card:#23252a;--glass-bg:rgba(35,37,42,0.75);--glass-bg-strong:rgba(35,37,42,0.92);--glass-border:rgba(255,255,255,0.12);--glass-border-strong:rgba(255,255,255,0.18);--glass-shadow:0 18px 48px rgba(0,0,0,0.45);--glass-blur:18px;--gold:#D4AF37;--gold-light:#E5C158;--gold-dark:#B8860B;--gold-rgb:212,175,55;--text-primary:#ffffff;--text-secondary:#ffffff;--text-tertiary:#ffffff;--text-muted:#ffffff;--border-color:rgba(255,255,255,0.1);--shadow-color:rgba(0,0,0,0.5);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px var(--shadow-color);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-gold:0 4px 24px rgba(212,175,55,0.2);--font-sans:var(--font-inter),"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic:var(--font-cairo),"IBM Plex Sans Arabic","Tajawal",sans-serif;--font-mono:"SF Mono","Roboto Mono","Fira Code",monospace;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}[data-theme=light]{color-scheme:light;--bg-primary:#f6f8fc;--bg-secondary:#ffffff;--bg-tertiary:#edf2f7;--bg-card:#ffffff;--glass-bg:rgba(255,255,255,0.78);--glass-bg-strong:rgba(255,255,255,0.92);--glass-border:rgba(15,23,42,0.1);--glass-border-strong:rgba(15,23,42,0.18);--glass-shadow:0 12px 36px rgba(15,23,42,0.12);--glass-blur:18px;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--border-color:rgba(15,23,42,0.12);--shadow-color:rgba(15,23,42,0.14);--shadow-sm:0 1px 2px var(--shadow-color);--shadow-md:0 8px 20px rgba(15,23,42,0.14);--shadow-lg:0 18px 40px rgba(15,23,42,0.16);--shadow-gold:0 4px 24px rgba(212,175,55,0.2)}[data-theme=dark][data-background=blue] body{background:linear-gradient(135deg,#0f172a,#172554 50%,#1e3a8a);background-attachment:fixed}[data-theme=dark][data-background=purple] body{background:linear-gradient(135deg,#2e1065,#4c1d95 50%,#581c87);background-attachment:fixed}[data-theme=dark][data-background=gold] body{background:linear-gradient(135deg,#451a03,#78350f 50%,#92400e);background-attachment:fixed}[data-theme=dark][data-background=midnight] body{background:linear-gradient(135deg,#000000,#1a1a1a 50%,#2a2a2a);background-attachment:fixed}[data-theme=dark][data-background=custom] body{background-image:var(--custom-bg-image);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.background-selector{display:flex;gap:12px;flex-wrap:wrap}.bg-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;position:relative}.bg-btn:hover{transform:scale(1.1)}.bg-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--gold)}.bg-btn.default{background:#202020}.bg-btn.blue{background:linear-gradient(135deg,#0f172a,#1e3a8a)}.bg-btn.purple{background:linear-gradient(135deg,#2e1065,#4c1d95)}.bg-btn.gold{background:linear-gradient(135deg,#451a03,#92400e)}.bg-btn.midnight{background:linear-gradient(135deg,#000000,#2a2a2a)}.bg-btn.custom{background:#333;display:flex;align-items:center;justify-content:center}.bg-btn.custom:after{content:"+";font-size:24px;color:rgba(255,255,255,.5)}.bg-btn.custom.active{background:var(--custom-bg-image);background-size:cover;background-position:50%}.bg-btn.custom.active:after{display:none}.background-preview[class*=hero-bg-]{background-size:130% 130%!important;animation:backgroundPreviewPan 10s ease-in-out infinite}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#app-root{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}.rtl,.rtl body,[lang=ar],[lang=ar] body{font-family:var(--font-arabic);direction:rtl}.dashboard-layout-content{margin-right:112px}@media (max-width:1024px){.dashboard-layout-content{margin-right:0}}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:border-color var(--transition-fast)}select{color-scheme:dark}select optgroup,select option{background:var(--bg-secondary);color:var(--text-primary)}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}::selection{background:rgba(212,175,55,.3);color:#ffffff}.text-gold{color:var(--gold)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all var(--transition-fast)}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.btn-secondary{background:rgba(255,255,255,.1);color:var(--text-primary)}.btn-secondary:hover{background:rgba(255,255,255,.15)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.btn-lg{padding:16px 32px;font-size:17px}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(255,255,255,.1)}.card-gold{background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border-color:rgba(212,175,55,.2)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.badge-gold{background:rgba(212,175,55,.2);color:var(--gold)}.badge-success{background:rgba(34,197,94,.2);color:var(--success)}.badge-warning{background:rgba(245,158,11,.2);color:var(--warning)}.badge-error{background:rgba(239,68,68,.2);color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .4s ease forwards}.animate-slide-down{animation:slideDown .4s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.modal-overlay,.overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 30px 80px rgba(0,0,0,.55);width:100%;max-width:560px;max-height:min(90vh,720px);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease forwards}.modal.modal-sm{max-width:440px}.modal.modal-lg{max-width:980px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--bg-secondary)}.modal-header h2,.modal-header h3,.modal-header h4{margin:0;font-weight:700;font-size:1.05rem;color:var(--text-primary);line-height:1.3}.modal-close{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.modal-body{padding:20px;overflow:auto;color:var(--text-secondary)}.modal .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.modal .form-row{display:flex;gap:12px}.modal .form-row>.form-group{flex:1 1 0;min-width:0}.modal label{font-size:13px;color:rgba(255,255,255,.85)}.modal input,.modal select,.modal textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;outline:none}.modal input[type=checkbox],.modal input[type=radio]{width:auto;padding:0;border:none;background:transparent;accent-color:var(--gold)}.modal input:disabled,.modal select:disabled,.modal textarea:disabled{opacity:.7;cursor:not-allowed}.modal .ltr-input,.modal input[dir=ltr]{direction:ltr;text-align:left}.modal-body p{margin:0 0 12px}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.06);background:var(--bg-secondary)}.delete-warning{display:flex;justify-content:center;margin:0 0 12px;color:var(--warning)}.btn-danger{background:rgba(239,68,68,.9);color:#fff}.btn-danger:hover{background:rgba(239,68,68,1);transform:translateY(-2px);box-shadow:0 10px 30px rgba(239,68,68,.25)}@media (max-width:1024px){.container{padding:0 var(--spacing-md)}}@media (max-width:768px){html{font-size:15px}.hide-mobile{display:none!important}}@media (max-width:480px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}.modal-overlay,.overlay{padding:14px}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%}.modal .form-row{flex-direction:column}}@media print{body{background:white;color:black}.no-print{display:none!important}}.header{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1600px;z-index:100;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02));backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.5);border-radius:100px;transition:transform .3s ease-in-out,background .3s ease,box-shadow .3s ease}.header.header-hidden{transform:translateX(-50%) translateY(-200%)}.header-content{justify-content:space-between;height:72px;position:relative}.header-content,.logo{display:flex;align-items:center}.logo{gap:10px}.logo-icon{font-size:28px}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#ffffff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:32px;position:absolute;left:50%;transform:translateX(-50%)}.nav a{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.nav a:hover{color:var(--gold)}.header-actions,.user-nav{display:flex;align-items:center;gap:12px}.header-actions .btn{border-radius:100px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:120px;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;transform:translateZ(0)}.hero-bg-ocean{background:radial-gradient(1100px circle at 18% 10%,rgba(30,160,255,.28),transparent 62%),radial-gradient(900px circle at 82% 18%,rgba(90,120,255,.2),transparent 60%),radial-gradient(1100px circle at 58% 92%,rgba(20,220,220,.1),transparent 64%),linear-gradient(180deg,#07213a,#03101f 44%,#020510);filter:saturate(1.18)}.hero-bg-ocean:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 240' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 140 Q 125 88 250 140 T 500 140 T 750 140 T 1000 140 T 1250 140 T 1500 140 T 1750 140 T 2000 140' fill='none' stroke='%23c7f1ff' stroke-opacity='0.22' stroke-width='18' stroke-linecap='round' filter='url(%23b)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2600 280' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 168 Q 130 214 260 168 T 520 168 T 780 168 T 1040 168 T 1300 168 T 1560 168 T 1820 168 T 2080 168 T 2340 168 T 2600 168' fill='none' stroke='%2390d8ff' stroke-opacity='0.16' stroke-width='14' stroke-linecap='round' filter='url(%23b)'/%3E%3C/svg%3E");background-repeat:repeat-x,repeat-x;background-size:2000px 300px,2600px 360px;background-position:0 38%,0 50%;opacity:.62;mix-blend-mode:screen;filter:blur(10px);will-change:background-position;animation:heroWavesMove 22s linear infinite}.hero-bg-ocean:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 30%,rgba(0,0,0,.35),transparent 55%),radial-gradient(70% 60% at 50% 75%,rgba(0,0,0,.45),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px);opacity:.14;mix-blend-mode:overlay;transform:translateZ(0);will-change:transform;animation:heroGrainShift 2.4s steps(2) infinite}.hero-bg-midnight{background:radial-gradient(1200px circle at 18% 12%,rgba(59,130,246,.16),transparent 62%),radial-gradient(900px circle at 82% 78%,rgba(168,85,247,.14),transparent 64%),linear-gradient(180deg,#020617,#0b1224 40%,#05060a)}.hero-bg-midnight:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 0deg at 50% 50%,rgba(59,130,246,0) 0deg,rgba(59,130,246,.18) 60deg,rgba(168,85,247,.16) 120deg,rgba(20,184,166,.1) 180deg,rgba(59,130,246,0) 260deg),radial-gradient(closest-side at 35% 40%,rgba(255,255,255,.06),transparent 70%),radial-gradient(closest-side at 70% 60%,rgba(255,255,255,.05),transparent 72%);opacity:.75;filter:blur(90px) saturate(1.25);mix-blend-mode:screen;will-change:transform,opacity;animation:midnightOrbit 26s linear infinite}.hero-bg-midnight:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 75%,rgba(0,0,0,.7),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);opacity:.28;mix-blend-mode:overlay;will-change:transform;animation:subtleGrain 2.6s steps(2) infinite}.hero-bg-purple{background:radial-gradient(1000px circle at 30% 20%,rgba(168,85,247,.22),transparent 62%),radial-gradient(900px circle at 80% 75%,rgba(99,102,241,.16),transparent 62%),linear-gradient(180deg,#070510,#130a22 45%,#05060a)}.hero-bg-purple:before{inset:-40%;background:conic-gradient(from 190deg at 55% 55%,rgba(168,85,247,0) 0deg,rgba(168,85,247,.26) 70deg,rgba(59,130,246,.2) 120deg,rgba(236,72,153,.14) 175deg,rgba(168,85,247,0) 260deg),radial-gradient(closest-side at 45% 40%,rgba(255,255,255,.08),transparent 70%);opacity:.85;filter:blur(80px) saturate(1.35);will-change:transform;animation:purpleVortex 22s linear infinite}.hero-bg-purple:after,.hero-bg-purple:before{content:"";position:absolute;mix-blend-mode:screen}.hero-bg-purple:after{inset:0;background:radial-gradient(rgba(255,255,255,.34) 1px,transparent 0),radial-gradient(rgba(255,255,255,.2) 1px,transparent 0);background-size:180px 180px,260px 260px;background-position:0 0,90px 120px;opacity:.18;will-change:background-position,opacity;animation:sparklesDrift 10s linear infinite}.hero-bg-royal{background:radial-gradient(1200px circle at 16% 22%,rgba(59,130,246,.22),transparent 62%),radial-gradient(900px circle at 85% 78%,rgba(14,165,233,.14),transparent 64%),linear-gradient(180deg,#03101f,#061833 55%,#05060a)}.hero-bg-royal:before{background:radial-gradient(closest-side at 35% 40%,rgba(255,255,255,.1),transparent 70%),radial-gradient(closest-side at 70% 60%,rgba(255,255,255,.06),transparent 72%),linear-gradient(120deg,rgba(59,130,246,.22),rgba(14,165,233,.14),rgba(59,130,246,.22));background-size:100% 100%,100% 100%,280% 280%;background-position:0 0,0 0,0 50%;opacity:.92;filter:blur(14px) saturate(1.25);mix-blend-mode:screen;animation:royalCurrent 18s ease-in-out infinite}.hero-bg-royal:after,.hero-bg-royal:before{content:"";position:absolute;inset:0;will-change:background-position}.hero-bg-royal:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 60px);opacity:.12;mix-blend-mode:overlay;animation:gridSlide 16s linear infinite}.hero-bg-goldenhour{background:radial-gradient(1100px circle at 65% 25%,rgba(245,158,11,.18),transparent 62%),radial-gradient(900px circle at 18% 86%,rgba(239,68,68,.12),transparent 64%),linear-gradient(180deg,#13060a,#2b1006 55%,#05060a)}.hero-bg-goldenhour:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 210deg at 50% 55%,rgba(245,158,11,0) 0deg,rgba(245,158,11,.22) 70deg,rgba(244,63,94,.14) 135deg,rgba(212,175,55,.16) 190deg,rgba(245,158,11,0) 270deg),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);background-size:100% 100%,260% 260%;background-position:0 0,180% 180%;opacity:.82;filter:blur(40px) saturate(1.35);mix-blend-mode:screen;will-change:transform,background-position,opacity;animation:goldenHourGlow 14s ease-in-out infinite}.hero-bg-goldenhour:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.3) 1px,transparent 0),radial-gradient(rgba(245,158,11,.35) 1px,transparent 0);background-size:200px 200px,280px 280px;background-position:0 0,120px 140px;opacity:.14;mix-blend-mode:screen;will-change:background-position,opacity;animation:sparklesDrift 12s linear infinite}.hero-bg-aurora{background:radial-gradient(1200px circle at 20% 15%,rgba(46,16,101,.35),transparent 60%),radial-gradient(900px circle at 80% 80%,rgba(20,184,166,.18),transparent 62%),linear-gradient(135deg,#05060a,#000000)}.hero-bg-aurora:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg at 40% 40%,rgba(45,212,191,0) 0deg,rgba(45,212,191,.35) 55deg,rgba(59,130,246,.22) 110deg,rgba(168,85,247,.22) 170deg,rgba(45,212,191,0) 260deg),conic-gradient(from 90deg at 65% 55%,rgba(20,184,166,0) 0deg,rgba(20,184,166,.28) 70deg,rgba(59,130,246,.18) 130deg,rgba(20,184,166,0) 230deg);opacity:.85;filter:blur(70px) saturate(1.4);mix-blend-mode:screen;will-change:transform,opacity;animation:auroraRotate 20s linear infinite}.hero-bg-aurora:after{content:"";position:absolute;inset:0;background:radial-gradient(65% 55% at 50% 32%,rgba(255,255,255,.08),transparent 70%),radial-gradient(80% 70% at 50% 70%,rgba(0,0,0,.62),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px);opacity:.28;mix-blend-mode:overlay;will-change:transform;animation:subtleGrain 2.2s steps(2) infinite}.hero-bg-sunset{background:radial-gradient(900px circle at 65% 35%,rgba(255,193,7,.18),transparent 62%),radial-gradient(1200px circle at 20% 85%,rgba(249,115,22,.2),transparent 65%),linear-gradient(180deg,#13060a,#2b0f06 45%,#05060a)}.hero-bg-sunset:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at 70% 30%,rgba(255,195,0,.22),transparent 65%),radial-gradient(700px circle at 30% 75%,rgba(244,63,94,.12),transparent 70%),linear-gradient(45deg,rgba(239,68,68,.22),rgba(245,158,11,.22),rgba(168,85,247,.14),rgba(239,68,68,.22));background-size:100% 100%,100% 100%,320% 320%;background-position:0 0,0 0,0 50%;opacity:.95;filter:blur(10px) saturate(1.25);mix-blend-mode:screen;will-change:background-position;animation:sunsetDrift 18s ease-in-out infinite}.hero-bg-sunset:after{content:"";position:absolute;inset:0;background:radial-gradient(45% 28% at 20% 40%,rgba(255,255,255,.06),transparent 70%),radial-gradient(55% 32% at 55% 30%,rgba(255,255,255,.05),transparent 70%),radial-gradient(50% 30% at 80% 48%,rgba(255,255,255,.045),transparent 72%),radial-gradient(80% 80% at 50% 80%,rgba(0,0,0,.62),transparent 52%);opacity:.75;filter:blur(18px);will-change:transform;animation:cloudsFloat 26s ease-in-out infinite}.hero-bg-pulse{background:radial-gradient(1300px circle at 50% 60%,rgba(46,16,101,.25),transparent 60%),radial-gradient(900px circle at 20% 20%,rgba(59,130,246,.16),transparent 58%),radial-gradient(700px circle at 80% 30%,rgba(20,184,166,.12),transparent 62%),linear-gradient(180deg,#000000,#04020a)}.hero-bg-pulse:before{content:"";position:absolute;inset:0;background:radial-gradient(700px circle at 35% 65%,rgba(168,85,247,.28),transparent 62%),radial-gradient(800px circle at 70% 35%,rgba(99,102,241,.22),transparent 64%),conic-gradient(from 220deg at 50% 55%,rgba(59,130,246,0) 0deg,rgba(59,130,246,.16) 70deg,rgba(168,85,247,.18) 140deg,rgba(59,130,246,0) 250deg);opacity:.9;filter:blur(30px) saturate(1.35);mix-blend-mode:screen;will-change:transform,opacity;animation:nebulaDrift 14s ease-in-out infinite}.hero-bg-pulse:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.55) 1px,transparent 0),radial-gradient(rgba(255,255,255,.35) 1px,transparent 0),radial-gradient(rgba(255,255,255,.22) 1px,transparent 0);background-size:140px 140px,200px 200px,260px 260px;background-position:0 0,60px 40px,120px 20px;opacity:.22;filter:blur(.2px);will-change:opacity,transform,background-position;animation:starTwinkle 3.2s ease-in-out infinite}.hero-bg-mesh{background:radial-gradient(900px circle at 30% 30%,rgba(59,130,246,.18),transparent 62%),radial-gradient(900px circle at 70% 70%,rgba(168,85,247,.16),transparent 62%),linear-gradient(180deg,#020617,#05060a)}.hero-bg-mesh:before{inset:-2px;background:repeating-linear-gradient(90deg,rgba(59,130,246,.14) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(168,85,247,.12) 0 1px,transparent 1px 48px),radial-gradient(900px circle at 60% 40%,rgba(59,130,246,.2),transparent 62%),radial-gradient(900px circle at 40% 70%,rgba(168,85,247,.18),transparent 62%);opacity:.85;filter:blur(.2px);will-change:background-position,transform,opacity;animation:gridSlide 12s linear infinite}.hero-bg-mesh:after,.hero-bg-mesh:before{content:"";position:absolute;mix-blend-mode:screen}.hero-bg-mesh:after{inset:-25%;background:radial-gradient(closest-side at 20% 30%,rgba(59,130,246,.22),transparent 55%),radial-gradient(closest-side at 80% 70%,rgba(168,85,247,.22),transparent 55%),radial-gradient(closest-side at 55% 35%,rgba(20,184,166,.14),transparent 55%);opacity:.65;filter:blur(80px);will-change:transform;animation:blobsFloat 18s ease-in-out infinite}.hero-bg-gold{background:radial-gradient(900px circle at 55% 35%,rgba(212,175,55,.16),transparent 62%),radial-gradient(1100px circle at 10% 85%,rgba(245,158,11,.1),transparent 65%),linear-gradient(180deg,#05060a,#000000)}.hero-bg-gold:before{inset:-30%;background:conic-gradient(from 0deg at 50% 50%,rgba(212,175,55,0) 0deg,rgba(212,175,55,.18) 55deg,rgba(255,255,255,.1) 90deg,rgba(212,175,55,0) 160deg),linear-gradient(45deg,transparent 40%,rgba(212,175,55,.14) 50%,transparent 60%);background-size:100% 100%,240% 240%;background-position:0 0,200% 200%;opacity:.9;filter:blur(24px) saturate(1.2);will-change:transform,background-position,opacity;animation:shimmerSweep 10s linear infinite}.hero-bg-gold:after,.hero-bg-gold:before{content:"";position:absolute;mix-blend-mode:screen}.hero-bg-gold:after{inset:0;background:radial-gradient(rgba(255,255,255,.35) 1px,transparent 0),radial-gradient(rgba(212,175,55,.35) 1px,transparent 0);background-size:180px 180px,240px 240px;background-position:0 0,90px 120px;opacity:.18;will-change:background-position,opacity;animation:sparklesDrift 9s linear infinite}.hero-bg-fog{background:radial-gradient(1000px circle at 40% 35%,rgba(59,130,246,.1),transparent 64%),radial-gradient(900px circle at 70% 70%,rgba(168,85,247,.1),transparent 64%),linear-gradient(180deg,#05060a,#111827)}.hero-bg-fog:after,.hero-bg-fog:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:520px 520px;opacity:.16;filter:blur(22px);mix-blend-mode:overlay;will-change:transform,opacity,background-position}.hero-bg-fog:before{background-position:0 0;animation:fogDrift 22s ease-in-out infinite}.hero-bg-fog:after{background-position:120px 60px;opacity:.11;filter:blur(34px);mix-blend-mode:screen;animation:fogLight 18s ease-in-out infinite}.hero-bg-crimson{background:radial-gradient(1200px circle at 18% 16%,rgba(220,38,38,.2),transparent 62%),radial-gradient(900px circle at 82% 82%,rgba(190,24,93,.18),transparent 62%),linear-gradient(180deg,#12060f,#1a0b14 42%,#05060a)}.hero-bg-crimson:before{inset:-45%;background:conic-gradient(from 25deg at 48% 50%,rgba(220,38,38,0) 0deg,rgba(220,38,38,.32) 62deg,rgba(236,72,153,.22) 128deg,rgba(124,58,237,.16) 186deg,rgba(220,38,38,0) 270deg),radial-gradient(closest-side at 40% 36%,rgba(255,255,255,.1),transparent 72%);opacity:.86;filter:blur(84px) saturate(1.35);will-change:transform,opacity;animation:crimsonOrbit 20s linear infinite}.hero-bg-crimson:after,.hero-bg-crimson:before{content:"";position:absolute;mix-blend-mode:screen}.hero-bg-crimson:after{inset:0;background:radial-gradient(rgba(255,255,255,.26) 1px,transparent 0),radial-gradient(rgba(251,113,133,.3) 1px,transparent 0);background-size:190px 190px,280px 280px;background-position:0 0,110px 80px;opacity:.16;will-change:background-position,opacity;animation:emberDrift 12s linear infinite}.hero-bg-emerald{background:radial-gradient(1000px circle at 28% 24%,rgba(16,185,129,.22),transparent 62%),radial-gradient(950px circle at 78% 78%,rgba(20,184,166,.18),transparent 64%),linear-gradient(180deg,#04100d,#04181a 45%,#05060a)}.hero-bg-emerald:before{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,rgba(16,185,129,0) 12%,rgba(16,185,129,.24) 28%,rgba(45,212,191,.22) 44%,rgba(34,197,94,.2) 62%,rgba(16,185,129,0) 82%),radial-gradient(closest-side at 34% 68%,rgba(255,255,255,.08),transparent 72%);background-size:260% 260%,100% 100%;background-position:180% 60%,0 0;opacity:.9;filter:blur(28px) saturate(1.35);mix-blend-mode:screen;will-change:background-position,transform;animation:emeraldFlow 16s ease-in-out infinite}.hero-bg-emerald:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(20,184,166,.06) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(16,185,129,.05) 0 1px,transparent 1px 80px),radial-gradient(70% 62% at 50% 76%,rgba(0,0,0,.6),transparent 60%);opacity:.26;mix-blend-mode:overlay;will-change:background-position;animation:canopyGrid 18s linear infinite}.hero-bg-obsidian{background:radial-gradient(1200px circle at 24% 14%,rgba(99,102,241,.2),transparent 62%),radial-gradient(900px circle at 80% 72%,rgba(168,85,247,.18),transparent 64%),linear-gradient(180deg,#02030c,#070b1a 42%,#010106)}.hero-bg-obsidian:before{content:"";position:absolute;inset:-42%;background:conic-gradient(from 210deg at 52% 50%,rgba(99,102,241,0) 0deg,rgba(99,102,241,.24) 58deg,rgba(168,85,247,.2) 124deg,rgba(14,165,233,.14) 182deg,rgba(99,102,241,0) 262deg),conic-gradient(from 50deg at 62% 58%,rgba(168,85,247,0) 0deg,rgba(168,85,247,.2) 70deg,rgba(59,130,246,.16) 136deg,rgba(168,85,247,0) 242deg);opacity:.84;filter:blur(72px) saturate(1.4);mix-blend-mode:screen;will-change:transform,opacity;animation:obsidianSpin 24s linear infinite}.hero-bg-obsidian:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 56% at 50% 30%,rgba(255,255,255,.08),transparent 72%),radial-gradient(80% 72% at 50% 78%,rgba(0,0,0,.72),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);opacity:.28;mix-blend-mode:overlay;will-change:transform;animation:subtleGrain 2.8s steps(2) infinite}.hero-bg-arctic{background:radial-gradient(1200px circle at 20% 20%,rgba(14,165,233,.22),transparent 62%),radial-gradient(900px circle at 82% 80%,rgba(125,211,252,.18),transparent 64%),linear-gradient(180deg,#031122,#08243f 45%,#030712)}.hero-bg-arctic:before{inset:-30%;background:linear-gradient(130deg,rgba(56,189,248,0) 16%,rgba(56,189,248,.22) 34%,rgba(147,197,253,.2) 48%,rgba(34,211,238,.18) 62%,rgba(56,189,248,0) 82%),linear-gradient(50deg,rgba(125,211,252,0) 14%,rgba(125,211,252,.18) 40%,rgba(56,189,248,.14) 58%,rgba(125,211,252,0) 78%);background-size:270% 270%,320% 320%;background-position:170% 55%,-120% 40%;opacity:.9;filter:blur(20px) saturate(1.3);will-change:background-position,transform;animation:arcticSweep 17s ease-in-out infinite}.hero-bg-arctic:after,.hero-bg-arctic:before{content:"";position:absolute;mix-blend-mode:screen}.hero-bg-arctic:after{inset:0;background:repeating-linear-gradient(90deg,rgba(186,230,253,.08) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(125,211,252,.06) 0 1px,transparent 1px 56px);opacity:.12;will-change:background-position,opacity;animation:frostGrid 14s linear infinite}@keyframes midnightOrbit{0%{transform:rotate(0deg) translateZ(0);opacity:.68}50%{transform:rotate(180deg) translate3d(2%,-1%,0);opacity:.82}to{transform:rotate(1turn) translateZ(0);opacity:.68}}@keyframes purpleVortex{0%{transform:rotate(0deg) scale(1.02)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(1turn) scale(1.02)}}@keyframes royalCurrent{0%{background-position:0 0,0 0,0 50%}50%{background-position:0 0,0 0,100% 50%}to{background-position:0 0,0 0,0 50%}}@keyframes goldenHourGlow{0%{transform:rotate(0deg);background-position:0 0,180% 180%;opacity:.7}50%{transform:rotate(140deg);background-position:0 0,-60% -60%;opacity:.92}to{transform:rotate(280deg);background-position:0 0,180% 180%;opacity:.7}}@keyframes auroraRotate{0%{transform:rotate(0deg) translateZ(0)}50%{transform:rotate(160deg) translate3d(2%,-2%,0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes subtleGrain{0%{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,3%,0)}}@keyframes sunsetDrift{0%{background-position:0 0,0 0,0 45%}50%{background-position:0 0,0 0,100% 55%}to{background-position:0 0,0 0,0 45%}}@keyframes cloudsFloat{0%{transform:translate3d(-2%,1%,0) scale(1.02)}50%{transform:translate3d(2%,-1%,0) scale(1.04)}to{transform:translate3d(-2%,1%,0) scale(1.02)}}@keyframes nebulaDrift{0%{transform:translate3d(-2%,1%,0) scale(1.02);opacity:.75}50%{transform:translate3d(2%,-1%,0) scale(1.08);opacity:.95}to{transform:translate3d(-2%,1%,0) scale(1.02);opacity:.75}}@keyframes starTwinkle{0%{opacity:.16;transform:translateZ(0)}35%{opacity:.24;transform:translate3d(.8%,-.4%,0)}70%{opacity:.18;transform:translate3d(-.6%,.6%,0)}to{opacity:.16;transform:translateZ(0)}}@keyframes gridSlide{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:240px 0,0 240px,0 0,0 0}}@keyframes blobsFloat{0%{transform:translate3d(-2%,-2%,0) rotate(0deg)}50%{transform:translate3d(2%,1%,0) rotate(120deg)}to{transform:translate3d(-2%,-2%,0) rotate(240deg)}}@keyframes shimmerSweep{0%{transform:rotate(0deg);background-position:0 0,160% 160%;opacity:.72}50%{transform:rotate(120deg);background-position:0 0,-40% -40%;opacity:.95}to{transform:rotate(240deg);background-position:0 0,160% 160%;opacity:.72}}@keyframes sparklesDrift{0%{background-position:0 0,90px 120px;opacity:.14}50%{background-position:120px 80px,30px 200px;opacity:.22}to{background-position:240px 160px,-30px 280px;opacity:.14}}@keyframes fogDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05);opacity:.15}50%{transform:translate3d(2%,3%,0) scale(1.12);opacity:.2}to{transform:translate3d(-3%,-2%,0) scale(1.05);opacity:.15}}@keyframes fogLight{0%{transform:translate3d(4%,-3%,0) scale(1.18);opacity:.1}50%{transform:translate3d(-2%,4%,0) scale(1.28);opacity:.14}to{transform:translate3d(4%,-3%,0) scale(1.18);opacity:.1}}@keyframes crimsonOrbit{0%{transform:rotate(0deg) scale(1.02);opacity:.74}50%{transform:rotate(180deg) scale(1.09);opacity:.92}to{transform:rotate(1turn) scale(1.02);opacity:.74}}@keyframes emberDrift{0%{background-position:0 0,110px 80px;opacity:.14}50%{background-position:130px 100px,20px 220px;opacity:.24}to{background-position:260px 180px,-70px 320px;opacity:.14}}@keyframes emeraldFlow{0%{background-position:180% 60%,0 0;transform:translate3d(-1%,0,0)}50%{background-position:-40% 40%,0 0;transform:translate3d(2%,-1%,0)}to{background-position:180% 60%,0 0;transform:translate3d(-1%,0,0)}}@keyframes canopyGrid{0%{background-position:0 0,0 0,0 0}to{background-position:320px 0,0 320px,0 0}}@keyframes obsidianSpin{0%{transform:rotate(0deg) translateZ(0);opacity:.72}50%{transform:rotate(180deg) translate3d(2%,-2%,0);opacity:.9}to{transform:rotate(1turn) translateZ(0);opacity:.72}}@keyframes arcticSweep{0%{background-position:170% 55%,-120% 40%;transform:translateZ(0)}50%{background-position:-30% 45%,120% 60%;transform:translate3d(1%,-1%,0)}to{background-position:170% 55%,-120% 40%;transform:translateZ(0)}}@keyframes frostGrid{0%{background-position:0 0,0 0;opacity:.08}50%{background-position:220px 0,0 220px;opacity:.16}to{background-position:440px 0,0 440px;opacity:.08}}@keyframes heroWavesMove{0%{background-position:0 38%,0 50%}to{background-position:-2000px 38%,-3900px 50%}}@keyframes heroGrainShift{0%{transform:translate3d(-3%,-2%,0)}to{transform:translate3d(4%,6%,0)}}@keyframes backgroundPreviewPan{0%{background-position:0 45%}50%{background-position:100% 55%}to{background-position:0 45%}}@media (prefers-reduced-motion:reduce){.background-preview[class*=hero-bg-]:after,.background-preview[class*=hero-bg-]:before,.hero-bg[class*=hero-bg-]:after,.hero-bg[class*=hero-bg-]:before{animation-duration:36s!important;animation-timing-function:linear!important}.background-preview.hero-bg-ocean:after,.hero-bg-ocean:after{animation-duration:14s!important}}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 60px}.hero-title{font-size:clamp(28px,3.5vw,50px)!important;font-weight:900;line-height:1.18;margin-bottom:48px;text-shadow:0 4px 32px rgba(255,255,255,.15);letter-spacing:-.01em}.hero-highlight{color:var(--gold);display:block;margin-top:.08em;padding-bottom:.2em;text-shadow:0 4px 40px rgba(212,175,55,.5)}.hero-actions{position:relative;z-index:20;display:flex;justify-content:center;gap:16px;margin-top:24px;margin-bottom:36px}.hero-subtitle{font-size:clamp(19px,2vw,25px);font-weight:400;color:rgba(255,255,255,.88);max-width:820px;margin:0 auto 36px;line-height:1.8;padding:0 16px}.hero-stats{display:inline-flex;align-items:center;gap:24px!important;margin-top:12px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02));backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),inset 0 -1px 1px rgba(255,255,255,.05),0 12px 40px rgba(0,0,0,.5);border-radius:var(--radius-xl);padding:16px 32px!important;transform:scale(.6)!important;transform-origin:center top!important}.stat{text-align:center}.stat-value{display:block;font-size:clamp(24px,2.5vw,36px)!important;font-weight:700;color:var(--gold)}.stat-label{font-size:clamp(13px,1vw,16px)!important;color:var(--text-secondary)}.stat-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}.section-title{font-size:36px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:12px}.section-subtitle{font-size:16px;color:rgba(255,255,255,.88);text-align:center;margin-bottom:48px}.instruments-section{padding:100px 0;background:var(--bg-secondary)}.instruments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.instrument-card{position:relative;display:flex;flex-direction:column;background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);padding:32px;min-height:320px;justify-content:flex-end;overflow:hidden;transition:all var(--transition-normal);text-decoration:none;isolation:isolate}.instrument-card-bg{position:absolute;inset:0;z-index:-1;transition:transform .5s ease}.instrument-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,22,22,.95) 0,rgba(22,22,22,.6) 50%,rgba(22,22,22,.3));z-index:1;transition:background .3s ease}.instrument-content{position:relative;z-index:2}.instrument-card:hover{transform:translateY(-8px);border-color:var(--accent-color,var(--gold));box-shadow:0 20px 40px rgba(0,0,0,.4)}.instrument-card:hover .instrument-card-bg{transform:scale(1.05)}.instrument-card:hover .instrument-card-overlay{background:linear-gradient(0deg,rgba(22,22,22,.98) 0,rgba(22,22,22,.7) 50%,rgba(22,22,22,.4))}.instrument-name{font-size:24px;font-weight:700;color:#ffffff;margin-bottom:8px}.instrument-description{font-size:14px;color:#ffffff;line-height:1.6;flex:1;margin-bottom:20px}.instrument-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--accent-color,var(--gold));font-weight:600}.instrument-meta .arrow{font-size:20px;transition:transform var(--transition-fast)}.instrument-card:hover .arrow{transform:translateX(-8px)}.features-section{padding:100px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{text-align:center;padding:40px 24px;background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}.feature-icon{font-size:48px;margin-bottom:20px}.feature-title{font-size:18px;font-weight:600;margin-bottom:12px}.feature-description{font-size:14px;color:#ffffff;line-height:1.6}.cta-section{padding:100px 0;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.02))}.cta-content{text-align:center}.cta-content h2{font-size:36px;font-weight:700;color:var(--text-primary);text-shadow:0 2px 18px rgba(0,0,0,.55);margin-bottom:16px}.cta-content p{font-size:18px;color:#ffffff;margin-bottom:32px}.footer{background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.05);padding:64px 0 32px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-bottom:48px}.footer-brand p{margin-top:16px;font-size:14px;color:#ffffff;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;.footer-column h4{font-size:14px;font-weight:600;color:#ffffff;margin-bottom:16px;text-transform:uppercase}letter-spacing:1px}.footer-column a{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:12px;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{font-size:13px;color:var(--text-muted)}@media (max-width:768px){.header{display:none!important}.header-content{padding:0 16px}.nav{display:none}.hero-title{font-size:clamp(28px,6vw,40px)!important;margin-bottom:36px}.hero-subtitle{font-size:20px;padding:0 16px}.hero-actions{flex-direction:column;padding:0 16px}.hero-stats{position:static;flex-direction:row;justify-content:space-between;gap:16px!important;padding:16px 20px!important;background:rgba(255,255,255,.08);border:none;box-shadow:none;margin:36px auto 0;width:auto!important;max-width:100%!important;justify-content:center!important;transform:none!important}.stat-divider{display:none}.footer-content{grid-template-columns:1fr;gap:32px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-actions .btn{width:100%}.footer-links{grid-template-columns:1fr}}@media (max-width:600px) and (orientation:portrait){body,html{zoom:100%;overflow-x:hidden}.header{top:12px;left:12px;right:12px;transform:none;width:auto;max-width:none;box-sizing:border-box;overflow:hidden}.header.header-hidden{transform:translateY(-200%)}.header-content{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:56px;padding:0 8px;gap:8px}.header-content.container{max-width:100%}.logo-text{display:none}.logo-link{flex:0 0 auto}.logo-link,.nav{white-space:nowrap}.nav{display:flex;position:static;left:auto;transform:none;flex:1 1 auto;min-width:0;gap:8px;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;font-size:14px;padding:7px 10px;border-radius:9999px;word-break:keep-all}.nav a.active{background:rgba(212,175,55,.9);color:#161616}.header-actions{display:flex;flex:0 0 auto;min-width:0;max-width:48%;gap:8px;overflow:hidden}.header-actions>a.btn-ghost{display:none}.header-actions .btn{padding:7px 10px;font-size:13px}.user-nav{gap:8px;max-width:44vw;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.user-nav::-webkit-scrollbar{display:none}.user-nav .btn{flex:0 0 auto}.hero{min-height:100svh;align-items:flex-start;padding-top:104px}.hero-bg:before{background-size:1600px 280px,2100px 320px;background-position:0 44%,0 56%;opacity:.58;filter:blur(8px);animation-duration:24s}.hero-bg:after{opacity:.12}.hero-content{padding:28px 0 calc(40px + env(safe-area-inset-bottom))}.hero-title{font-size:clamp(28px,8vw,36px)!important;margin-bottom:24px;line-height:1.3}.hero-actions{padding:0;margin-bottom:24px;position:relative;z-index:20}.hero-actions .btn{width:min(320px,100%);margin:0 auto;font-size:16px;font-weight:700;padding:14px 24px}.hero-subtitle{font-size:18px;max-width:420px;margin:0 auto 32px;padding:0 8px;line-height:1.6}.hero-stats{position:static;width:calc(100% - 32px);max-width:620px;display:flex;flex-direction:row;justify-content:space-between;gap:12px!important;padding:16px 20px!important;background:rgba(255,255,255,.08);border:none;border-radius:var(--radius-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;margin:24px auto 0;transform:none!important;width:auto!important;max-width:100%!important;justify-content:center!important}.stat-value{font-size:18px!important}.stat-label{font-size:11px!important}.stat-divider{display:none}}@media (max-width:420px) and (orientation:portrait){.nav a{font-size:13px;padding:6px 9px}.header-actions .btn{font-size:12px;padding:6px 9px}}@media (max-width:360px) and (orientation:portrait){.header-actions .btn,.nav a{font-size:12px;padding:5px 8px}}.dashboard-layout-content{margin-right:128px;min-height:100vh;transition:margin-right .3s ease;width:auto;overflow-x:hidden}.dashboard-content{padding:32px;width:100%}@media (max-width:1024px){.dashboard-layout-content{margin-right:0;padding-top:80px}.dashboard-content{padding:16px}}.home-page .landing-section-head{max-width:760px;margin:0 auto 44px;text-align:start}.home-page .section-title{text-align:center;font-size:clamp(28px,3.5vw,44px);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.home-page .section-subtitle{text-align:center;margin-bottom:0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}.section-tag-gold{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2);color:#D4AF37;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.animate-spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-page .features-section,.home-page .instruments-section{position:relative;padding:100px 0;background:transparent;overflow:hidden}.home-page .features-section:before,.home-page .instruments-section:before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.12),transparent 50%),radial-gradient(circle at 85% 80%,rgba(99,102,241,.08),transparent 50%);filter:blur(80px);opacity:.8}.home-page .instruments-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;position:relative;z-index:2;margin-top:48px}.instrument-card-redesigned{grid-column:span 3;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;padding:28px;border-radius:26px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;text-decoration:none;transition:all var(--transition-slow);transform:translateZ(0)}.instrument-card-redesigned .instrument-card-bg{position:absolute;inset:0;z-index:1}.instrument-card-redesigned .instrument-card-overlay-new{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,15,.96) 0,rgba(8,9,15,.65) 45%,rgba(8,9,15,.15));z-index:2;transition:background .4s ease}.instrument-card-redesigned .instrument-img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.instrument-card-radial-glow{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 100%,rgba(var(--accent-rgb),.18),transparent 60%);opacity:0;transition:opacity .5s ease}.instrument-card-redesigned:hover{transform:translateY(-12px);border-color:rgba(var(--accent-rgb),.38);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(var(--accent-rgb),.15),inset 0 0 20px rgba(var(--accent-rgb),.05)}.instrument-card-redesigned:hover .instrument-img{transform:scale(1.08) rotate(1deg)}.instrument-card-redesigned:hover .instrument-card-overlay-new{background:linear-gradient(0deg,rgba(8,9,15,.98) 0,rgba(8,9,15,.72) 45%,rgba(8,9,15,.25))}.instrument-card-redesigned:hover .instrument-card-radial-glow{opacity:1}.instrument-content-new{position:relative;z-index:4}.instrument-topline-new{margin-bottom:12px}.instrument-badge-new{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.22);color:#ffffff;font-size:11px;font-weight:700;white-space:nowrap}.instrument-badge-new span{opacity:.95}.instrument-name-new{font-size:26px;font-weight:800;color:#ffffff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.instrument-description-new{color:rgba(255,255,255,.76);font-size:13.5px;line-height:1.6;margin-bottom:24px;min-height:44px}.instrument-meta-new{display:flex;justify-content:space-between;align-items:center;color:rgba(var(--accent-rgb),.95);font-size:13px;font-weight:700;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.instrument-meta-text-new{letter-spacing:.02em;transition:color .3s ease}.arrow-new{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffff;transition:all .3s ease}.instrument-card-redesigned:hover .arrow-new{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.4);color:#ffffff;transform:translateX(-6px)}.home-page .features-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;position:relative;z-index:2;margin-top:48px}.feature-card-redesigned{grid-column:span 4;position:relative;text-align:start;padding:36px 30px;border-radius:26px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 48px rgba(0,0,0,.45);overflow:hidden;transition:all var(--transition-slow)}.feature-card-ambient-glow{position:absolute;top:-20px;left:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(var(--feat-rgb),.15) 0,transparent 70%);pointer-events:none;filter:blur(10px);transition:transform .5s ease}.feature-icon-wrapper-new{position:relative;width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;z-index:2}.feature-icon-ring-new{position:absolute;inset:0;border-radius:18px;border:2px solid rgba(var(--feat-rgb),.2);background:rgba(var(--feat-rgb),.06);transition:all .4s ease}.feature-icon-badge-new{position:relative;z-index:2;color:var(--feat-color);display:inline-flex;align-items:center;justify-content:center}.feature-title-new{font-size:19px;font-weight:700;color:#ffffff;margin-bottom:12px;position:relative;z-index:2}.feature-description-new{color:rgba(255,255,255,.72);font-size:14px;line-height:1.7;position:relative;z-index:2}.feature-card-redesigned:hover{transform:translateY(-8px);border-color:rgba(var(--feat-rgb),.35);box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 35px rgba(var(--feat-rgb),.08),inset 0 0 15px rgba(var(--feat-rgb),.03)}.feature-card-redesigned:hover .feature-icon-ring-new{transform:scale(1.1) rotate(6deg);border-color:rgba(var(--feat-rgb),.45);background:rgba(var(--feat-rgb),.12)}.feature-card-redesigned:hover .feature-card-ambient-glow{transform:scale(1.5) translate(15px,15px)}.home-page .cta-section{position:relative;padding:110px 0;background:transparent;overflow:hidden}.home-page .cta-section:before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 25% 30%,rgba(212,175,55,.16) 0,transparent 55%),radial-gradient(circle at 75% 70%,rgba(52,152,219,.12) 0,transparent 55%);filter:blur(90px);opacity:.85}.home-page .cta-shell{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:36px;padding:54px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 90px rgba(0,0,0,.6)}.home-page .cta-content{text-align:start}.cta-tag-redesigned{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2);color:#D4AF37;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:20px}.home-page .cta-content h2{font-size:clamp(30px,4vw,44px);font-weight:850;line-height:1.25;background:linear-gradient(135deg,#ffffff 40%,rgba(255,255,255,.65));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.home-page .cta-content p{font-size:16px;color:rgba(255,255,255,.78);margin-bottom:28px;line-height:1.8}.home-page .cta-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.cta-btn-glow{box-shadow:0 10px 25px rgba(212,175,55,.25);transition:all .3s ease!important}.cta-btn-glow:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(212,175,55,.4)}.cta-benefits-new{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.cta-benefit-item{display:flex;align-items:center;gap:12px}.cta-benefit-circle{width:22px;height:22px;border-radius:50%;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.3);color:#D4AF37;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cta-benefit-text{color:rgba(255,255,255,.88);font-weight:600;font-size:14px}.cta-aside-redesigned{display:flex;align-items:center;justify-content:center}.player-mockup-wrapper{width:100%;max-width:400px;border-radius:24px;background:rgba(8,9,15,.65);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;backdrop-filter:blur(10px)}.player-mockup-header-new{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.window-control-dots{display:flex;gap:6px;margin-left:14px}.window-control-dots .dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.mockup-tab-title-text{font-size:11px;color:rgba(255,255,255,.4);font-family:var(--font-sans);letter-spacing:.05em;flex-grow:1;text-align:left}.player-mockup-body-new{padding:18px;display:flex;flex-direction:column;gap:16px}.video-screen-mock-new{position:relative;height:180px;border-radius:16px;background:linear-gradient(135deg,#10111a,#1e2030);border:1px solid rgba(255,255,255,.05);overflow:hidden}.video-play-glow-overlay,.video-screen-mock-new{display:flex;align-items:center;justify-content:center}.video-play-glow-overlay{width:52px;height:52px;border-radius:50%;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);color:#D4AF37;box-shadow:0 0 20px rgba(212,175,55,.2)}.play-icon-glow{transform:translateX(-1px)}.live-status-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:10px;font-weight:700}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.3);opacity:.4}to{transform:scale(.9);opacity:1}}.video-controls-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,transparent);display:flex;align-items:center;gap:12px}.controls-btn{color:#ffffff;display:inline-flex;cursor:pointer}.timeline-mock-slider{flex-grow:1;height:4px;border-radius:2px;background:rgba(255,255,255,.25);position:relative}.timeline-active-fill{height:100%;border-radius:2px;background:rgba(255,255,255,.6)}.ab-loop-highlight{position:absolute;top:0;height:100%;background:rgba(212,175,55,.4);border-left:1px solid #d4af37;border-right:1px solid #d4af37}.ab-loop-tooltip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#D4AF37;color:#0b0c10;font-size:8px;font-weight:800;padding:2px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.3)}.controls-right-icons{display:flex;gap:8px;color:rgba(255,255,255,.7)}.sheet-music-scroll-mock{padding:12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.04);font-family:var(--font-mono);display:flex;flex-direction:column;gap:4px}.tab-string-row{font-size:11px;color:rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-row-gold{color:#D4AF37;text-shadow:0 0 8px rgba(212,175,55,.3);font-weight:600}.player-stats-bubble-new{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:11.5px;font-weight:600}.footer-redesigned{position:relative;background:linear-gradient(0deg,rgba(6,7,12,1) 0,rgba(12,13,22,.7));border-top:1px solid rgba(255,255,255,.08);padding:80px 0 40px;overflow:hidden}.footer-top-grid{display:grid;grid-template-columns:1.1fr 1.6fr 1.3fr;gap:48px;margin-bottom:48px;position:relative;z-index:2}.footer-brand-column{display:flex;flex-direction:column;gap:20px}.footer-brand-desc-new{color:rgba(255,255,255,.65);font-size:14px;line-height:1.8;max-width:320px}.footer-social-wrapper{display:flex;gap:12px}.social-circle-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7);display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.social-circle-btn:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.3);color:#D4AF37;transform:translateY(-3px);box-shadow:0 8px 20px rgba(212,175,55,.15)}.footer-links-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-links-col{display:flex;flex-direction:column;gap:18px}.footer-links-col-title{color:rgba(255,255,255,.95);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.footer-links-items-container{display:flex;flex-direction:column;gap:10px}.footer-link-item-static{color:rgba(255,255,255,.4);font-size:13.5px;cursor:default}.footer-link-item-interactive{color:rgba(255,255,255,.65);font-size:13.5px;text-decoration:none;transition:all .25s ease;display:inline-flex;align-items:center;width:fit-content}.footer-link-item-interactive:hover{color:#D4AF37;transform:translateX(-4px)}.footer-newsletter-column{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:22px;background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px)}.newsletter-section-title{color:#D4AF37;font-size:15px;font-weight:700;letter-spacing:.02em}.newsletter-section-desc{color:rgba(255,255,255,.6);font-size:13px;line-height:1.6}.newsletter-form-inline{width:100%}.newsletter-input-container{display:flex;align-items:center;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:4px 4px 4px 16px;transition:all .3s ease}.newsletter-input-container:focus-within{border-color:rgba(212,175,55,.4);box-shadow:0 0 15px rgba(212,175,55,.15)}.newsletter-email-input{flex-grow:1;background:transparent;border:none;outline:none;color:#ffffff;font-size:13.5px;font-family:inherit;padding:8px 0;width:100%}.newsletter-email-input::placeholder{color:rgba(255,255,255,.3)}.newsletter-submit-btn{width:34px;height:34px;border-radius:50%;background:#D4AF37;border:none;color:#0b0c10;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.newsletter-submit-btn:hover{background:#e5c158;transform:scale(1.05)}.footer-bottom-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);margin-bottom:32px}.footer-bottom-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:relative;z-index:2}.copyright-text-new{color:rgba(255,255,255,.45);font-size:13px}.footer-legal-links-mock{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.35);font-size:13px}.dot-separator{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.15)}@media (max-width:1024px){.instrument-card-redesigned{grid-column:span 6;min-height:380px}.feature-card-redesigned{grid-column:span 6}.home-page .cta-shell{grid-template-columns:1fr;padding:40px;gap:32px}.cta-aside-redesigned{order:-1}.player-mockup-wrapper{max-width:100%}.footer-top-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-newsletter-column{grid-column:span 2}}@media (max-width:640px){.home-page .instruments-grid{grid-template-columns:1fr}.instrument-card-redesigned{grid-column:span 12;flex-direction:row-reverse;align-items:center;min-height:130px;height:auto;padding:16px;gap:16px;justify-content:space-between}.instrument-card-redesigned .instrument-card-bg{position:relative!important;width:100px;height:100px;flex:0 0 100px;border-radius:16px;overflow:hidden;z-index:1}.instrument-card-redesigned .instrument-card-overlay-new{display:none}.instrument-content-new{flex:1;display:flex;flex-direction:column;justify-content:center;z-index:2}.instrument-description-new{display:none}.instrument-name-new{font-size:19px;margin-bottom:4px}.instrument-topline-new{margin-bottom:4px}.instrument-badge-new{padding:3px 8px;font-size:10px}.instrument-meta-new{border-top:none;padding-top:0;margin-top:4px}.instrument-meta-text-new{font-size:11px}.arrow-new{width:24px;height:24px}.instrument-card-redesigned:hover{transform:translateY(-4px)}.instrument-card-redesigned:hover .instrument-img{transform:scale(1.05)}.feature-card-redesigned{grid-column:span 12;display:flex;flex-direction:row-reverse;align-items:center;padding:16px 20px;gap:16px;text-align:start}.feature-icon-wrapper-new{margin-bottom:0!important;flex:0 0 46px;width:46px;height:46px}.feature-icon-ring-new{border-radius:14px}.feature-icon-badge-new svg{width:20px;height:20px}.feature-text-content-new{flex:1;display:flex;flex-direction:column;gap:4px}.feature-title-new{font-size:16px;margin-bottom:0}.feature-description-new{font-size:13px;line-height:1.5}.home-page .cta-shell{padding:30px 24px}.footer-top-grid{grid-template-columns:1fr;gap:40px}.footer-brand-column{align-items:center;text-align:center}.footer-brand-desc-new{margin-left:auto;margin-right:auto;font-size:13px}.footer-social-wrapper{justify-content:center;margin-top:8px}.footer-links-columns{grid-template-columns:repeat(3,1fr);gap:12px;text-align:start}.footer-links-col{gap:12px}.footer-links-col-title{font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px;margin-bottom:4px}.footer-link-item-interactive,.footer-link-item-static{font-size:12px}.footer-newsletter-column{grid-column:span 1;text-align:center;align-items:center;padding:20px}.newsletter-section-title{font-size:14.5px}.newsletter-section-desc{font-size:12px;margin-bottom:12px}.newsletter-form-inline{width:100%;max-width:320px;margin:0 auto}.footer-bottom-flex{flex-direction:column;text-align:center;gap:12px}}