@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
@font-face{font-family:'Material Symbols Rounded';font-style:normal;font-weight:400;font-display:block;src:url('/material-symbols-rounded.ttf?v=3') format('truetype')}
:root{--bg:#090a0f;--panel:#111219;--panel2:#171821;--line:#272934;--muted:#7f8291;--text:#f3f3f6;--violet:#8b78ff;--purple:#6337e6;--green:#60d59a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;min-height:100vh}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.hidden{display:none!important}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(circle at 62% 24%,#4c2f8a16,transparent 32%),linear-gradient(135deg,#08090d,#0c0d12 53%,#08090d)}.ambient i{position:absolute;width:1px;height:140vh;background:#8b78ff18;transform:rotate(-31deg);top:-20%}.ambient i:nth-child(1){left:24%}.ambient i:nth-child(2){left:72%}.ambient i:nth-child(3){left:88%}.site-header{height:78px;border-bottom:1px solid #ffffff0e;background:#090a0ee8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:16px}.logo span{width:25px;height:25px;border:2px solid var(--violet);transform:rotate(45deg);display:grid;place-items:center;color:transparent}.nav nav{display:flex;gap:34px}.nav nav a,.ghost{text-decoration:none;color:#a4a6b0;transition:.2s}.nav nav a:hover,.ghost:hover{color:white}.nav-actions{display:flex;align-items:center;gap:13px}.ghost,.primary{border:1px solid var(--line);border-radius:9px;padding:11px 18px;background:#ffffff05;text-decoration:none;font-weight:600}.primary{border-color:#7663ef;background:linear-gradient(135deg,#8c78ff,#5b32d5);box-shadow:0 8px 32px #6b45e12a;color:white}.primary:hover{filter:brightness(1.1)}.large{padding:14px 24px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:45px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#978aff;font-weight:700}.hero h1{font-size:68px;line-height:1.03;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:#9683ff}.hero-copy>p{font-size:17px;line-height:1.75;color:#9295a2;max-width:580px}.hero-actions{display:flex;gap:12px;margin:35px 0}.hero-meta{display:flex;gap:32px;color:#727581;font-size:12px}.hero-meta b{display:block;color:#d8d8df;font-size:14px;margin-bottom:4px}.product-shot{perspective:1200px;position:relative}.shot-glow{position:absolute;inset:15%;background:#6944e6;filter:blur(90px);opacity:.28}.client-window{height:390px;border:1px solid #343642;border-radius:17px;background:linear-gradient(145deg,#1b1c25ed,#101117f5);box-shadow:0 55px 100px #0009;transform:rotateY(-8deg) rotateX(3deg);display:grid;grid-template-columns:72px 1fr;overflow:hidden;position:relative}.client-window aside{border-right:1px solid #2d2e39;display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:22px}.mini-logo{color:#9e8eff;font-size:25px}.client-window aside i{width:22px;height:22px;border-radius:7px;background:#2b2c36}.client-window aside i:nth-child(3){background:#745cf0;box-shadow:0 0 22px #765ee8}.client-main{padding:40px}.client-main small{color:#7a70ad;letter-spacing:.12em}.client-main h3{font-size:27px;margin:12px 0 31px}.module{height:66px;border:1px solid #292b36;background:#15161d;border-radius:11px;margin:12px 0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.module span{display:flex;flex-direction:column;gap:5px}.module span small{letter-spacing:0;color:#666977}.module>i{width:32px;height:17px;border-radius:10px;background:#343640;position:relative}.module>i:after{content:"";width:11px;height:11px;border-radius:50%;background:#777;position:absolute;top:3px;left:3px}.module.active{border-color:#6d5bd658;background:#3d326b30}.module.active>i{background:#795ff4}.module.active>i:after{left:18px;background:white}.features{padding:120px 0}.section-title{text-align:center;max-width:650px;margin:0 auto 55px}.section-title h2{font-size:44px;letter-spacing:-.04em;margin:16px 0 12px}.section-title p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{min-height:250px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#171820cc,#0e0f15e8);padding:30px;position:relative;overflow:hidden}.feature-grid article:after{content:"";position:absolute;width:160px;height:160px;border:1px solid #8d7aff1f;border-radius:50%;right:-80px;bottom:-80px}.feature-grid .feature-wide{grid-column:span 2}.feature-no{color:#8f7df5;font-size:12px}.feature-grid h3{font-size:22px;margin:58px 0 12px}.feature-grid p{color:#858895;line-height:1.7}.bars{position:absolute;right:35px;top:38px;width:190px}.bars i{display:block;height:9px;border-radius:5px;background:#252631;margin:14px}.bars i:first-child{width:80%;background:linear-gradient(90deg,#755ee9,#a68cff)}.bars i:nth-child(2){width:55%}.bars i:nth-child(3){width:68%}.cloud{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;background:#0e0f15ba}.cloud-inner{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.cloud-inner h2{font-size:48px;letter-spacing:-.045em;margin:18px 0}.cloud-inner p{color:var(--muted);font-size:16px;line-height:1.7;max-width:500px;margin-bottom:32px}.cloud-orbit{width:330px;height:330px;border:1px solid #7e6aeb35;border-radius:50%;margin:auto;position:relative;display:grid;place-items:center}.cloud-orbit:before,.cloud-orbit:after{content:"";position:absolute;border:1px solid #7e6aeb2b;border-radius:50%;inset:42px}.cloud-orbit:after{inset:95px;background:#6f4ee91a;box-shadow:0 0 100px #7658ed44}.cloud-orbit span{font-size:76px;color:#9785fa;z-index:1}.cloud-orbit i{width:13px;height:13px;background:#8c76ff;border-radius:50%;position:absolute;top:48px;left:53px;box-shadow:0 0 17px #927eff}.cloud-orbit i:nth-child(3){left:auto;right:18px;top:175px}.cloud-orbit i:nth-child(4){top:auto;bottom:20px;left:138px}.prices{padding:120px 0}.price-card{max-width:820px;margin:auto;border:1px solid #554a863f;border-radius:18px;background:linear-gradient(120deg,#181925,#111219);padding:30px 34px;display:flex;align-items:center;gap:35px}.price-card div{flex:1}.price-card small{color:#9183ee}.price-card h3{font-size:22px;margin:8px 0}.price-card p{color:var(--muted);margin:0}.price-card strong{font-size:28px}.footer{min-height:120px;border-top:1px solid #22242c;display:flex;align-items:center;gap:35px}.footer p{color:#737681;flex:1}.footer>span{color:#646771;font-size:12px}

.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative}.auth-logo{position:absolute;left:42px;top:34px;z-index:2}.auth-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#4b317538,transparent 50%);border-right:1px solid #242630}.auth-orb{width:150px;height:150px;border:1px solid #6554c86b;border-radius:50%;display:grid;place-items:center;font-size:62px;color:#907ef4;box-shadow:0 0 90px #6f4de832;margin-bottom:32px}.auth-visual h2{font-size:39px;text-align:center;letter-spacing:-.04em;margin:0}.auth-visual p{color:var(--muted)}.auth-panel{display:grid;place-items:center}.auth-box{width:min(410px,calc(100% - 40px))}.auth-box h1{font-size:38px;letter-spacing:-.04em;margin:14px 0 10px}.auth-box>p{color:var(--muted);margin-bottom:34px}form label{display:block;color:#a7a9b3;font-weight:600;font-size:13px;margin:17px 0}input,select{width:100%;height:50px;border:1px solid #292b35;border-radius:9px;background:#17181f;color:white;padding:0 15px;outline:none;margin-top:9px}input:focus,select:focus{border-color:#7362e5;box-shadow:0 0 0 3px #7664e519}.submit{width:100%;height:50px;margin-top:13px}.auth-switch{width:100%;border:0;background:none;color:#7f8290;margin-top:20px}.auth-switch b{color:#9b89ff}.form-status{color:#ff7a90;min-height:22px;text-align:center;margin-top:12px}

.app-page{min-height:100vh;width:min(1200px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:220px 1fr;gap:52px}.sidebar{height:100vh;position:sticky;top:0;padding:35px 0;display:flex;flex-direction:column;border-right:1px solid #20212a}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:36px;padding-right:24px}.sidebar nav button{height:42px;text-align:left;border:0;background:none;color:#888b97;border-radius:8px;padding:0 13px}.sidebar nav button span{display:inline-block;width:27px;color:#7e808d}.sidebar nav button:hover,.sidebar nav button.active{background:#8e79ff12;color:white}.sidebar nav button.active{border-left:2px solid #8977ff}.side-bottom{margin-top:auto;padding-right:24px;display:flex;flex-direction:column;border-top:1px solid #22242c;padding-top:16px}.side-bottom button{border:0;background:none;color:#858894;text-align:left;padding:10px}.side-bottom #sideUser{display:flex;align-items:center;gap:10px;color:white}.side-bottom #sideAvatar,.identity>span{width:32px;height:32px;border-radius:50%;background:#282a34;display:grid;place-items:center}.dashboard{padding:48px 0 80px;max-width:900px}.view>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.view header h1{font-size:32px;margin:0 0 9px;letter-spacing:-.035em}.view header p{margin:0;color:#717481}.online{color:#68d99f;font-size:11px;letter-spacing:.12em}.identity{height:86px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #252730}.identity>span{width:47px;height:47px;font-size:18px}.identity div{display:flex;flex-direction:column;gap:6px}.identity small{color:var(--muted)}.dash-section{padding:27px 0;border-bottom:1px solid #252730}.dash-section>label{display:block;color:#8e7ff0;font-size:10px;letter-spacing:.14em;margin-bottom:17px}.subscription{display:flex;align-items:center;justify-content:space-between}.subscription>div{display:flex;align-items:center;gap:15px}.subscription>div>span{width:37px;height:37px;border-radius:10px;background:#8b78ff15;display:grid;place-items:center;color:#9583f8}.subscription div div{display:flex;flex-direction:column;gap:5px}.subscription small{color:#737682}.subscription>strong{font-size:10px;color:#68d99f;background:#56d29212;border:1px solid #56d29232;border-radius:20px;padding:7px 11px}.account-data{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px}.account-data div{display:flex;justify-content:space-between}.account-data dt{color:#757884}.account-data dd{margin:0;font-weight:600}.quick-actions{display:flex;gap:10px;padding:25px 0}.quick-actions button{border:1px solid #31333d;border-radius:20px;background:#15161c;color:#a7a9b3;padding:9px 15px}.media-banner{border:1px solid #55468165;border-radius:15px;background:linear-gradient(100deg,#20182d73,#12131a);padding:22px;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.media-banner b{font-size:15px}.media-banner p{color:#858895;margin:7px 0 0}.loading-card,.partner-empty{border:1px solid #2c2e38;background:#15161d;border-radius:13px;padding:25px;color:#818490}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.stat{border:1px solid #2d2f39;border-radius:13px;background:#16171e;padding:19px}.stat span{display:block;color:#767987;font-size:11px;margin-bottom:12px}.stat b{font-size:24px}.ref-link{border-top:1px solid #292b34;border-bottom:1px solid #292b34;padding:25px 0;margin:20px 0}.ref-link label{color:#8e7ff0;font-size:10px;letter-spacing:.13em}.copy-row{display:flex;margin-top:12px}.copy-row input{margin:0;border-radius:9px 0 0 9px;font-family:monospace}.copy-row button{border-radius:0 9px 9px 0}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level{border:1px solid #2b2d36;border-radius:12px;padding:18px;background:#13141a}.level.active{border-color:#7161d968;background:#5d4da41e}.level span{color:#777a86;font-size:11px}.level b{display:block;margin:8px 0}.level small{color:#7e818e}.config-toolbar{display:flex;gap:10px;margin-bottom:24px}.config-toolbar input{margin:0}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.config-card{border:1px solid #2b2d36;border-radius:13px;padding:20px;background:#15161d}.config-card h3{margin:0 0 7px}.config-card p{color:#7c7f8b;min-height:40px}.config-card footer{display:flex;justify-content:space-between;color:#8d80e7}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-card{border:1px solid #2b2d36;border-radius:14px;background:#15161d;padding:15px;text-align:left}.theme-card.selected{border-color:#7867e2}.theme-card i{display:block;height:150px;border-radius:10px;margin-bottom:15px}.theme-card i.night{background:radial-gradient(circle at 60% 30%,#573988,#0d0e14 55%)}.theme-card i.violet{background:linear-gradient(145deg,#3e276f,#151021)}.theme-card b,.theme-card span{display:block}.theme-card span{color:#777a86;margin-top:6px}.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.event-card{border:1px solid #2c2e37;border-radius:13px;background:#15161d;padding:18px;display:flex;align-items:center;gap:14px}.event-card>span{width:39px;height:39px;border-radius:10px;background:#8c77ff13;color:#9180f3;display:grid;place-items:center}.event-card div{display:flex;flex-direction:column;gap:6px}.event-card small{color:#7a7d89}

dialog{width:min(430px,calc(100% - 28px));border:1px solid #2f313b;border-radius:16px;background:#101117;color:white;padding:28px;box-shadow:0 40px 120px #000;max-height:92vh}dialog::backdrop{background:#06070bce;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#777;font-size:22px}.dialog-icon{width:42px;height:42px;border-radius:50%;background:#7d61ef21;color:#9d88ff;display:grid;place-items:center;font-size:20px}dialog h2{margin:18px 0 7px}dialog>p{color:#7f8290;line-height:1.6}.terms{border:1px solid #3a3153;border-radius:12px;background:#24193644;padding:15px;display:flex;flex-direction:column;gap:8px}.terms b{color:#b2a2ff}.terms span{color:#b2b3bc;font-size:12px}.terms small{color:#817694;border-top:1px solid #3a3153;padding-top:10px;margin-top:3px}.toast{position:fixed;right:25px;bottom:25px;background:#1e2028;border:1px solid #393b46;border-radius:10px;padding:14px 18px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}

@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:110px 0}.product-shot{display:none}.hero h1{font-size:52px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .feature-wide{grid-column:span 2}.cloud-inner{grid-template-columns:1fr}.cloud-orbit{display:none}.app-page{grid-template-columns:72px 1fr;gap:20px}.sidebar{align-items:center}.sidebar .logo b,.sidebar nav button:not(.active){font-size:0}.sidebar nav{padding-right:0}.sidebar nav button{width:48px;font-size:0}.sidebar nav button span{font-size:17px;width:auto}.side-bottom{padding-right:0}.side-bottom b,#logout{display:none}.dashboard{padding-right:8px}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.nav-actions .primary{display:none}.hero h1{font-size:42px}.hero-meta{gap:15px}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-wide{grid-column:auto}.bars{display:none}.price-card{align-items:flex-start;flex-direction:column}.footer{flex-direction:column;align-items:flex-start;padding:30px 0}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-logo{left:24px}.app-page{width:100%;grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;bottom:0;top:auto;width:100%;height:64px;background:#101117;flex-direction:row;padding:0;border-top:1px solid #282a33}.sidebar>.logo,.side-bottom{display:none}.sidebar nav{margin:0;flex-direction:row;width:100%;justify-content:space-around}.sidebar nav button{display:grid;place-items:center;width:52px!important;height:60px}.dashboard{padding:28px 16px 90px}.account-data,.config-grid,.events-grid,.levels{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.quick-actions{flex-wrap:wrap}.media-banner{align-items:flex-start;gap:15px;flex-direction:column}}
/* Cinematic landing */
.hero-video{position:absolute;inset:0 0 auto;height:min(860px,100vh);overflow:hidden;z-index:-1;background:#050608}
.hero-video video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.12) brightness(.45)}
.hero-video:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.94) 0%,rgba(5,6,9,.55) 48%,rgba(5,6,9,.25)),linear-gradient(0deg,#090a0f 0%,transparent 58%),radial-gradient(circle at 65% 35%,transparent,rgba(0,0,0,.28))}
.cinematic{min-height:min(790px,92vh);align-items:center}.cinematic .hero-copy{position:relative;z-index:1}
.nav-badge{font-style:normal;font-size:9px;min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#ff355f;color:#fff;display:inline-grid;place-items:center;margin-left:auto}

/* Browser ClientGUI */
.client-config-layout{display:grid;grid-template-columns:180px 1fr;gap:18px}.client-categories{display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(11,12,18,.72);height:max-content}.client-categories button{border:0;background:transparent;color:#8f93a3;text-align:left;padding:12px 14px;border-radius:11px;font:inherit;cursor:pointer}.client-categories button.active,.client-categories button:hover{color:#fff;background:linear-gradient(135deg,rgba(135,74,255,.22),rgba(255,52,98,.12))}.client-preview{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:radial-gradient(circle at 80% 20%,rgba(159,74,255,.25),transparent 32%),linear-gradient(135deg,#17121f,#0c0d13);margin-bottom:14px}.client-preview span{font-size:10px;letter-spacing:.18em;color:#b886ff}.client-preview h2{margin:9px 0 5px;font-size:28px}.client-preview p{margin:0;color:#8f93a3}.client-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-module{display:flex;justify-content:space-between;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0e1017;transition:.2s}.client-module.enabled{border-color:rgba(173,98,255,.35);background:linear-gradient(135deg,rgba(149,68,255,.13),#101118)}.client-module div{display:grid;gap:3px}.client-module span{font-size:9px;color:#777c8e;text-transform:uppercase;letter-spacing:.12em}.client-module small{color:#7d8292}.client-module.enabled small{color:#9ff0bf}.module-switch{width:40px;height:23px;border:0;border-radius:14px;background:#262a35;padding:3px;cursor:pointer}.module-switch i{display:block;width:17px;height:17px;border-radius:50%;background:#7f8494;transition:.2s}.enabled .module-switch{background:linear-gradient(90deg,#844cff,#df3f82)}.enabled .module-switch i{transform:translateX(17px);background:#fff}

/* Community chat */
.chat-shell{height:calc(100vh - 155px);min-height:520px;display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(10,11,16,.88);overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.chat-head>div:first-child{display:grid;gap:3px}.chat-head small{color:#777c8d}.role-legend{display:flex;gap:6px}.role{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;padding:4px 7px;border-radius:6px}.role.user{color:#aeb3c2;background:#252833}.role.media{color:#bfa1ff;background:rgba(135,75,255,.18)}.role.admin{color:#ff9bad;background:rgba(255,54,92,.18)}.chat-messages{overflow-y:auto;padding:12px 20px}.chat-message{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:11px 0}.chat-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#914cff,#e94280);font-weight:800}.chat-message header{display:flex;align-items:center;gap:8px}.chat-message time{margin-left:auto;color:#666b7b;font-size:11px}.chat-message p{margin:5px 0 0;color:#d7d9e1;line-height:1.5;overflow-wrap:anywhere}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.07)}.chat-compose input{min-width:0;background:#151720;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0 15px;color:#fff;outline:0}.chat-compose input:focus{border-color:#9054ff}
@media(max-width:760px){.client-config-layout{grid-template-columns:1fr}.client-categories{flex-direction:row;overflow-x:auto}.client-modules{grid-template-columns:1fr}.role-legend{display:none}.chat-shell{height:calc(100vh - 125px)}.hero-video{height:760px}.cinematic{min-height:680px}}

/* 1:1 ClickGUI showcase */
.real-clickgui{position:relative;width:min(720px,48vw);min-height:430px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(8,6,14,.94);box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 80px rgba(126,55,255,.12);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
.real-clickgui>nav{height:74px;display:flex;align-items:stretch;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0710}.real-clickgui nav button{min-width:74px;border:0;border-left:1px solid rgba(255,255,255,.025);background:transparent;color:#77717f;display:grid;place-items:center;align-content:center;gap:5px;font-size:15px}.real-clickgui nav button span{font-size:9px;letter-spacing:.04em}.real-clickgui nav button.active{background:#f5f2f8;color:#15111a;border-radius:6px;margin:8px 0}.real-clickgui nav .chat-tab{color:#d577ff}.eye-mark{display:grid;place-items:center;width:58px;color:#ff315b;font-size:26px}.gui-content{padding:28px}.gui-content header small{color:#9f72e8;letter-spacing:.16em;font-size:10px}.gui-content h3{font-size:25px;margin:9px 0 20px}.gui-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.gui-grid article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#111019}.gui-grid article>i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(151,78,255,.22),rgba(255,50,105,.09));color:#b58aff;font-style:normal}.gui-grid article div{display:grid;gap:3px}.gui-grid article small{color:#716d79;font-size:10px}.gui-grid em{width:31px;height:17px;border-radius:12px;background:#2b2932;position:relative}.gui-grid em:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#77717d}.gui-grid em.on{background:linear-gradient(90deg,#8254ff,#e34c91)}.gui-grid em.on:after{left:17px;background:white}

/* Premium store and gradient tags */
.coin-balance{padding:11px 16px;border:1px solid rgba(255,209,102,.22);border-radius:12px;background:rgba(255,209,102,.08);color:#ffd166}.store-section{margin-top:18px}.store-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.store-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8b5cf6,#ec4899);box-shadow:0 8px 28px rgba(139,92,246,.3);font-size:20px}.store-title h2,.store-title p{margin:0}.store-title p{color:#7d8190;margin-top:3px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.store-card,.theme-shop-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,#14151d,#0d0e14);position:relative;overflow:hidden}.store-card.selected,.theme-shop-card.selected{border-color:rgba(174,104,255,.52);box-shadow:inset 0 0 28px rgba(137,78,255,.08)}.store-card{display:grid;justify-items:start;gap:11px}.store-card p,.theme-shop-card p{margin:0;color:#9da1ae}.store-card button,.theme-shop-card button{width:100%;margin-top:3px}.store-icon{position:absolute;right:-8px;top:-12px;font-size:62px;color:rgba(150,90,255,.07);transform:rotate(15deg)}.theme-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-shop-card h3{margin:13px 0 5px}.theme-swatch{height:92px;border-radius:11px;background:linear-gradient(135deg,var(--a),var(--b));padding:13px;display:flex;gap:7px;align-items:flex-end;box-shadow:inset 0 0 30px rgba(0,0,0,.28)}.theme-swatch i{height:38%;flex:1;border-radius:5px;background:rgba(8,8,13,.68)}.theme-swatch i:nth-child(2){height:70%}.theme-swatch i:nth-child(3){height:52%}
.role[class*="gradient-"]{color:#fff;border:0;text-shadow:0 1px 5px rgba(0,0,0,.35)}.gradient-slate{background:linear-gradient(110deg,#5f6677,#929bad)!important}.gradient-sunset{background:linear-gradient(110deg,#ff7a18,#ff3d81)!important}.gradient-fire{background:linear-gradient(110deg,#ff244f,#ff9f1c)!important}.gradient-ocean{background:linear-gradient(110deg,#00b4d8,#6c63ff)!important}.gradient-void{background:linear-gradient(110deg,#5b21b6,#db2777)!important}.gradient-royal{background:linear-gradient(110deg,#7c3aed,#f59e0b)!important}
@media(max-width:1000px){.real-clickgui{width:min(720px,92vw);transform:none}.gui-grid{grid-template-columns:1fr}.store-grid,.theme-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.real-clickgui nav button{min-width:50px}.real-clickgui nav button span{display:none}.real-clickgui{min-height:480px}.store-grid,.theme-store-grid{grid-template-columns:1fr}}

/* Exact browser port of the 522x356 Minecraft MenuScreen */
.mc-clickgui{--gui-accent:#b5a2ff;position:relative;width:min(720px,49vw);aspect-ratio:522/356;border-radius:6px;padding:11px;background:linear-gradient(145deg,rgba(23,22,28,.96),rgba(11,9,16,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 38px 100px rgba(0,0,0,.7),inset 0 0 60px rgba(181,162,255,.035);overflow:hidden;transform:perspective(1300px) rotateY(-3deg);font-size:12px}.mc-clickgui:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 35% 30%,rgba(181,162,255,.09),transparent 32%),radial-gradient(circle at 70% 70%,rgba(255,203,162,.055),transparent 28%);pointer-events:none}.mcgui-top{height:40px;display:flex;align-items:center;gap:4px;position:relative;z-index:1}.mcgui-top>button{height:31px;min-width:58px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:rgba(28,27,33,.68);color:#696871;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:10px;cursor:pointer;transition:.18s}.mcgui-top>button i{font-style:normal;color:#77727f}.mcgui-top>button.active{color:#fff;background:rgba(32,31,37,.9);border-color:rgba(255,255,255,.075);box-shadow:inset 0 -2px var(--gui-accent)}.mcgui-top>button.active i{color:var(--gui-accent)}.mcgui-search{margin-left:auto;width:112px;height:29px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:4px;background:rgba(28,27,33,.78);border:1px solid rgba(255,255,255,.06)}.mcgui-search i{font-style:normal;color:#77727f}.mcgui-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:10px}.mcgui-theme{min-width:30px!important;width:30px!important;padding:0!important}.mcgui-content{position:relative;height:calc(100% - 65px);padding:5px 10px 5px 4px;border-radius:3px;background:rgba(10,9,14,.29);z-index:1}.mcgui-list{height:100%;overflow:auto;padding-right:4px;scrollbar-width:none}.mcgui-list::-webkit-scrollbar{display:none}.mcgui-module{margin-bottom:4px;border-radius:3px;background:rgba(28,27,33,.52);border:1px solid rgba(255,255,255,.025);overflow:hidden;transition:.18s}.mcgui-module.enabled{background:rgba(32,31,37,.72)}.mcgui-module-head{height:40px;display:flex;align-items:center;padding:0 10px}.mcgui-name{flex:1;height:100%;text-align:left;border:0;background:transparent;color:#86858d;font:600 11px inherit;cursor:pointer}.mcgui-module.enabled .mcgui-name{color:#fff}.mcgui-expand{border:0;background:transparent;color:rgba(255,255,255,.5);font-size:16px;width:29px;cursor:pointer}.mcgui-key{width:40px;height:20px;border:0;border-radius:3px;background:rgba(32,31,37,.9);color:#686771;font:9px inherit}.mcgui-module.enabled .mcgui-key{background:color-mix(in srgb,var(--gui-accent) 35%,#24222a);color:#fff}.mcgui-settings{padding:4px 12px 11px;background:rgba(8,7,12,.28)}.mcgui-settings label{height:30px;display:flex;align-items:center;justify-content:space-between;color:#9c9aa3;font-size:10px}.mcgui-settings input[type=range]{width:45%;accent-color:var(--gui-accent)}.mini-toggle{width:30px;height:17px;border:0;border-radius:10px;background:var(--gui-accent);padding:3px}.mini-toggle i{display:block;width:11px;height:11px;border-radius:50%;background:#fff;transform:translateX(13px)}.mcgui-scroll{position:absolute;right:3px;top:5px;bottom:5px;width:2px;border-radius:2px;background:rgba(255,255,255,.08)}.mcgui-scroll i{display:block;width:2px;height:34%;border-radius:2px;background:rgba(255,255,255,.62)}.mcgui-presets{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:2}.mcgui-presets button{width:11px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.13)}.mcgui-presets button.active{width:22px;background:var(--gui-accent)}.mcgui-empty{height:100%;display:grid;place-content:center;text-align:center;gap:6px;color:#fff}.mcgui-empty span{color:#77747f;font-size:10px}.mc-clickgui[data-preset="1"]{--gui-accent:#ff3d67}.mc-clickgui[data-preset="2"]{--gui-accent:#68e0ff}.mc-clickgui[data-preset="3"]{--gui-accent:#b6ff38}.mc-clickgui[data-preset="4"]{--gui-accent:#ffca69}.mc-clickgui[data-preset="5"]{--gui-accent:#e757ff}
@media(max-width:1100px){.mc-clickgui{width:min(720px,92vw);transform:none}}@media(max-width:650px){.mc-clickgui{aspect-ratio:1/1.08}.mcgui-top>button{min-width:34px}.mcgui-top>button span{display:none}.mcgui-search{width:80px}.mcgui-module-head{height:38px}}

/* Premium Control Center */
.app-page{--ab:#07090d;--ap:#0e1117;--ap2:#131720;--al:rgba(255,255,255,.075);--am:#777e8c;--at:#f5f7fa;--aa:#ff5734;--aa2:#ff8a4c;position:relative;width:100%;min-height:100vh;grid-template-columns:286px minmax(0,1fr);gap:0;background:radial-gradient(900px 620px at 93% -15%,rgba(255,87,47,.12),transparent 61%),radial-gradient(700px 540px at 32% 105%,rgba(89,61,255,.07),transparent 68%),var(--ab);color:var(--at);overflow:hidden}
.app-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent 15%,#000 70%)}
.app-page .sidebar{position:relative;z-index:22;width:auto;height:100vh;padding:30px 22px 20px;background:linear-gradient(180deg,rgba(11,13,18,.98),rgba(7,9,13,.96));border-right:1px solid var(--al);display:flex;flex-direction:column;box-shadow:28px 0 80px rgba(0,0,0,.2)}
.app-page .sidebar:after{content:"";position:absolute;right:-1px;top:80px;width:1px;height:180px;background:linear-gradient(transparent,var(--aa),transparent);opacity:.5}.side-brand{display:flex;align-items:center;justify-content:space-between;padding:0 10px 29px;border-bottom:1px solid var(--al)}
.app-page .side-brand .logo{gap:11px;color:#fff}.app-page .side-brand .logo img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,74,43,.38))}.app-page .side-brand .logo b{font-size:17px;letter-spacing:-.35px}.side-brand>span{font-size:8px;font-weight:800;letter-spacing:.16em;color:#5f6571}.side-caption{padding:27px 14px 10px;font-size:9px;font-weight:800;letter-spacing:.19em;color:#505662}
.app-page .sidebar nav{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.app-page .sidebar nav button{position:relative;width:100%;min-height:50px;padding:0 15px;border:1px solid transparent;border-radius:14px;background:transparent;color:#828895;display:flex;align-items:center;gap:13px;text-align:left;font-size:13px;font-weight:600;transition:.2s}.app-page .sidebar nav button>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.025);color:#737986;font-size:14px;transition:.2s}.app-page .sidebar nav button:hover{color:#d9dde4;background:rgba(255,255,255,.028);transform:translateX(2px)}
.app-page .sidebar nav button.active{color:#fff;background:linear-gradient(90deg,rgba(255,90,54,.13),rgba(255,90,54,.035));border-color:rgba(255,108,69,.17);box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12)}.app-page .sidebar nav button.active:before{content:"";position:absolute;left:-1px;width:3px;height:22px;border-radius:0 4px 4px 0;background:linear-gradient(var(--aa2),var(--aa));box-shadow:0 0 15px rgba(255,90,54,.6)}.app-page .sidebar nav button.active>span{color:#fff;background:linear-gradient(145deg,var(--aa2),var(--aa));box-shadow:0 7px 20px rgba(255,81,46,.25)}
.side-status{margin-top:auto;margin-bottom:15px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid var(--al);border-radius:14px;background:rgba(255,255,255,.02)}.side-status>i{width:8px;height:8px;border-radius:50%;background:#48da98;box-shadow:0 0 12px #48da98}.side-status span{display:grid;gap:3px}.side-status b{font-size:9px;letter-spacing:.08em;color:#aeb5c0}.side-status small{font-size:9px;color:#565d69}.app-page .side-bottom{position:static;padding:14px 4px 0;border-top:1px solid var(--al);display:flex;gap:8px}.app-page .side-bottom button{border:0;color:#9ca2ad;background:transparent}.app-page #sideUser{min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left}.app-page #sideAvatar{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#2a2f39,#15181f);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px}.app-page #sideName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.app-page #logout{width:34px;border-radius:10px;background:rgba(255,255,255,.035)}
.app-page .dashboard{position:relative;z-index:2;height:100vh;overflow:auto;padding:38px clamp(28px,4vw,68px) 60px;scrollbar-color:rgba(255,255,255,.12) transparent}.app-page .dashboard>.view{width:min(1180px,100%);margin:0 auto}.app-page .view>header{min-height:66px;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid var(--al);display:flex;align-items:flex-start;justify-content:space-between}.app-page .view>header h1{margin:0 0 8px;font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;line-height:1}.app-page .view>header p{margin:0;color:var(--am);font-size:13px}.app-page .online{padding:8px 11px;border:1px solid rgba(72,218,152,.18);border-radius:99px;background:rgba(72,218,152,.06);color:#61dfa5;font-size:9px;letter-spacing:.1em}
.app-page .identity{position:relative;overflow:hidden;margin:0 0 27px;padding:25px;border:1px solid var(--al);border-radius:20px;background:linear-gradient(115deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 24px 70px rgba(0,0,0,.2)}.app-page .identity:after{content:"MICOTAN";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:58px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.022)}.app-page .identity>span{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,var(--aa2),var(--aa));box-shadow:0 12px 32px rgba(255,83,45,.25)}.app-page .identity b{font-size:17px}.app-page .identity small{color:var(--am)}
.app-page .dash-section>label{display:block;margin:0 0 10px 4px;color:#626975;font-size:9px;font-weight:800;letter-spacing:.17em}.app-page .subscription,.app-page .loading-card,.app-page .partner-empty{border:1px solid var(--al);border-radius:18px;background:linear-gradient(145deg,var(--ap2),rgba(13,16,22,.94));box-shadow:inset 0 1px rgba(255,255,255,.025)}.app-page .subscription{padding:19px 21px}.app-page .subscription>div>span{background:rgba(255,90,54,.1);color:var(--aa2)}.app-page .account-data{gap:0;margin:0;border:1px solid var(--al);border-radius:18px;background:var(--ap);overflow:hidden}.app-page .account-data div{padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.045)}.app-page .account-data div:nth-last-child(-n+2){border-bottom:0}.app-page .account-data div:nth-child(odd){border-right:1px solid rgba(255,255,255,.045)}.app-page .account-data dt{font-size:11px;color:#686f7b}.app-page .account-data dd{font-size:12px;color:#dce0e6}
.app-page .quick-actions{padding:18px 0 23px;gap:8px;flex-wrap:wrap}.app-page .quick-actions button{border-color:var(--al);border-radius:11px;background:rgba(255,255,255,.025);color:#959ca8;padding:10px 13px;font-size:11px;transition:.2s}.app-page .quick-actions button:hover{color:#fff;border-color:rgba(255,103,65,.3);background:rgba(255,90,54,.07);transform:translateY(-1px)}.app-page .media-banner{position:relative;overflow:hidden;border-color:rgba(255,102,62,.2);border-radius:20px;background:linear-gradient(110deg,rgba(255,89,53,.11),rgba(18,20,27,.88) 55%);padding:25px}.app-page .media-banner:after{content:"";position:absolute;right:-60px;top:-90px;width:220px;height:220px;border-radius:50%;background:var(--aa);filter:blur(75px);opacity:.11}.app-page .media-banner>*,.app-page .store-title>*{position:relative;z-index:1}.app-page .media-banner p{color:var(--am);max-width:650px;line-height:1.55}
.app-page .primary{border:0;border-radius:11px;background:linear-gradient(115deg,var(--aa2),var(--aa));color:#fff;font-weight:750;box-shadow:0 10px 28px rgba(255,80,43,.18);transition:.2s}.app-page .primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.app-page .stat-grid{gap:11px}.app-page .stat,.app-page .config-card,.app-page .event-card,.app-page .store-card,.app-page .theme-shop-card{border-color:var(--al);border-radius:17px;background:linear-gradient(145deg,var(--ap2),var(--ap));box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.12);transition:.2s}.app-page .stat:hover,.app-page .event-card:hover,.app-page .store-card:hover,.app-page .theme-shop-card:hover{border-color:rgba(255,108,70,.2);transform:translateY(-2px)}.app-page .stat span{color:#686f7c}.app-page .stat b{letter-spacing:-.8px}.app-page .ref-link{border-color:var(--al)}.app-page .ref-link label{color:var(--aa2)}
.app-page input,.app-page select{border-color:var(--al);background:#0c0f15;color:#fff}.app-page input:focus,.app-page select:focus{border-color:rgba(255,102,61,.45);box-shadow:0 0 0 3px rgba(255,90,54,.07)}.app-page .store-title>span{background:linear-gradient(145deg,var(--aa2),var(--aa));box-shadow:0 9px 28px rgba(255,83,46,.2)}.app-page .store-card.selected,.app-page .theme-shop-card.selected{border-color:rgba(255,105,66,.46);box-shadow:inset 0 0 28px rgba(255,90,54,.07)}.app-page .coin-balance{border-color:rgba(255,183,78,.2);background:rgba(255,183,78,.06)}.app-page .event-card>span{background:rgba(255,90,54,.09);color:var(--aa2)}.app-page .chat-shell{border-color:var(--al);border-radius:20px;background:rgba(10,12,17,.84);box-shadow:0 30px 90px rgba(0,0,0,.2)}.app-page .chat-compose input{background:#11151c}.app-page .chat-avatar{background:linear-gradient(145deg,var(--aa2),var(--aa))}
@media(max-width:1050px){.app-page{grid-template-columns:86px minmax(0,1fr)}.app-page .sidebar{padding:26px 15px}.side-brand{justify-content:center;padding-inline:0}.side-brand .logo b,.side-brand>span,.side-caption,.side-status{display:none}.app-page .sidebar nav button{padding:0;justify-content:center;font-size:0}.app-page .sidebar nav button>span{font-size:14px}.app-page .side-bottom{justify-content:center}.app-page #sideUser b,.app-page #logout{display:none}.app-page .identity:after{display:none}}
@media(max-width:680px){.app-page{display:block;overflow:visible}.app-page .sidebar{position:fixed;inset:auto 0 0;z-index:40;width:100%;height:74px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--al);background:rgba(9,11,15,.9);backdrop-filter:blur(22px)}.app-page .sidebar:after,.app-page .side-brand,.app-page .side-caption,.app-page .side-status,.app-page .side-bottom{display:none}.app-page .sidebar nav{height:100%;flex-direction:row;justify-content:space-around;gap:2px}.app-page .sidebar nav button,.app-page .sidebar nav button:not(.active){width:48px;min-height:48px;padding:0;justify-content:center;font-size:0}.app-page .sidebar nav button>span{width:34px;height:34px;font-size:14px}.app-page .sidebar nav button.active:before{left:50%;top:-8px;width:20px;height:2px;transform:translateX(-50%)}.app-page .dashboard{height:auto;min-height:100vh;padding:26px 15px 100px}.app-page .view>header{min-height:54px;margin-bottom:20px}.app-page .view>header h1{font-size:27px}.app-page .view>header p{max-width:220px;line-height:1.45}.app-page .identity{padding:19px}.app-page .account-data{grid-template-columns:1fr}.app-page .account-data div,.app-page .account-data div:nth-child(odd){border-right:0;border-bottom:1px solid rgba(255,255,255,.045)}.app-page .account-data div:last-child{border-bottom:0}.app-page .media-banner{padding:20px}.app-page .stat-grid{grid-template-columns:1fr 1fr}.app-page .chat-shell{height:calc(100vh - 160px)}.app-page .role-legend{display:none}}

/* Full-width responsive workspace and unified icon system */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.app-page .dashboard{width:100%;max-width:none;min-width:0}.app-page .dashboard>.view{width:100%;max-width:1500px;margin:0 auto}.app-page .sidebar nav button>.material-symbols-rounded{font-size:18px}.app-page .subscription .material-symbols-rounded{font-size:18px}
.app-page .quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.app-page .quick-actions button{min-height:52px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 15px}.app-page .quick-actions .material-symbols-rounded{font-size:18px;color:var(--aa2)}
@media(min-width:1400px){.app-page .account-data{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page .account-data div{min-height:62px;align-items:center;border-right:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}.app-page .account-data div:nth-child(3n){border-right:0}.app-page .account-data div:nth-last-child(-n+3){border-bottom:0}.app-page .identity{min-height:104px;padding-inline:30px}.app-page .subscription{min-height:84px;padding-inline:25px}.app-page .media-banner{min-height:108px;padding-inline:30px}.app-page .stat{min-height:112px}.app-page .events-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-page .store-grid,.app-page .theme-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.app-page .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.app-page .quick-actions{grid-template-columns:1fr 1fr}.app-page .quick-actions button{min-height:48px;padding:0 11px;font-size:10px}.app-page .sidebar nav button>.material-symbols-rounded{font-size:19px}}

/* Cinematic landing and authentication v4 */
#landingPage{--brand:#ff5435;--brand2:#ff9960;position:relative;overflow:hidden;background:#07090c;color:#f7f8fa}#landingPage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 520px at 76% 12%,rgba(255,70,38,.13),transparent 65%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
#landingPage .site-header{height:86px;border-color:rgba(255,255,255,.075);background:rgba(7,9,12,.72);backdrop-filter:blur(24px)}#landingPage .logo img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(255,75,42,.35))}#landingPage .logo b{font-size:17px;letter-spacing:-.35px}#landingPage .nav nav{gap:7px;padding:5px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}#landingPage .nav nav a{padding:9px 14px;border-radius:9px;font-size:12px}#landingPage .nav nav a:hover{background:rgba(255,255,255,.06)}
#landingPage .nav-actions{gap:8px}#landingPage .nav-actions .ghost,#landingPage .nav-actions .primary{padding:11px 16px;border-radius:11px;font-size:12px}#landingPage .primary{border-color:rgba(255,116,76,.45);background:linear-gradient(115deg,var(--brand2),var(--brand));box-shadow:0 12px 36px rgba(255,71,35,.24)}
#landingPage .hero-video{height:min(900px,100vh);background:#06080b}#landingPage .hero-video video{filter:saturate(.8) contrast(1.16) brightness(.36);transform:scale(1.015)}#landingPage .hero-video:after{background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.76) 43%,rgba(5,7,10,.25) 77%),linear-gradient(0deg,#07090c 0%,transparent 54%),radial-gradient(circle at 72% 36%,transparent 0,rgba(0,0,0,.12) 50%,rgba(0,0,0,.55) 100%)}
#landingPage .cinematic{min-height:calc(100vh - 86px);padding:60px 0 100px;grid-template-columns:minmax(440px,.88fr) minmax(560px,1.12fr);gap:40px}#landingPage .hero-copy{max-width:680px}#landingPage .eyebrow,#authPage .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(255,102,66,.18);border-radius:99px;background:rgba(255,81,47,.06);color:#ff9a78;font-size:9px;letter-spacing:.18em}#landingPage .eyebrow i,#authPage .eyebrow i{width:5px;height:5px;border-radius:50%;background:#ff704a;box-shadow:0 0 10px #ff704a}
#landingPage .hero h1{font-size:clamp(58px,6vw,91px);line-height:.94;letter-spacing:-.065em;margin:27px 0 25px}#landingPage .hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 0,#ffb096 35%,#ff5b38 92%);-webkit-background-clip:text;color:transparent}#landingPage .hero-copy>p{max-width:620px;color:#9ba1ac;font-size:16px;line-height:1.8}#landingPage .hero-actions{margin:34px 0 39px;gap:10px}#landingPage .hero-actions a{min-height:53px;display:inline-flex;align-items:center;gap:10px;border-radius:13px}#landingPage .hero-actions .material-symbols-rounded{font-size:18px}#landingPage .hero-actions .ghost{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
#landingPage .hero-meta{gap:9px}#landingPage .hero-meta>span{min-width:142px;padding:13px 14px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(10,12,16,.48);backdrop-filter:blur(12px);display:grid;grid-template-columns:27px 1fr;align-items:center;column-gap:7px;color:#6f7682;font-size:9px}#landingPage .hero-meta i{grid-row:1/3;color:#ff7550;font-size:20px}#landingPage .hero-meta b{margin:0;color:#f3f5f8;font-size:13px}
#landingPage .product-shot{display:grid;place-items:center;min-width:0}#landingPage .shot-glow{inset:12%;background:linear-gradient(135deg,#ff3e21,#7d2cff);filter:blur(110px);opacity:.18}#landingPage .mc-clickgui{width:min(760px,49vw);border-radius:13px;border-color:rgba(255,255,255,.12);box-shadow:0 55px 140px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.025),0 0 100px rgba(255,75,42,.08);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}
#landingPage .features{position:relative;padding:145px 0}#landingPage .section-title h2,#landingPage .cloud h2,#landingPage .prices h2{font-size:clamp(42px,5vw,64px);letter-spacing:-.055em}#landingPage .feature-grid{gap:13px}#landingPage .feature-grid article{min-height:290px;border-color:rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(145deg,rgba(20,23,30,.92),rgba(10,12,17,.96));box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.3s}#landingPage .feature-grid article:hover{transform:translateY(-5px);border-color:rgba(255,96,57,.23);box-shadow:0 30px 70px rgba(0,0,0,.22)}#landingPage .feature-no{color:#ff7955}#landingPage .bars i:first-child{background:linear-gradient(90deg,#ff4d2d,#ff9970)}
#landingPage .cloud{background:radial-gradient(circle at 76% 50%,rgba(255,77,42,.11),transparent 30%),linear-gradient(180deg,#0b0e13,#080a0e);border-color:rgba(255,255,255,.065)}#landingPage .cloud-orbit img{filter:drop-shadow(0 0 38px rgba(255,76,42,.3))}#landingPage .cloud-orbit i{border-color:rgba(255,101,61,.17)}#landingPage .price-card{border-radius:24px;border-color:rgba(255,103,64,.18);background:linear-gradient(110deg,rgba(255,81,46,.1),rgba(16,18,24,.95) 45%);box-shadow:0 35px 90px rgba(0,0,0,.24)}#landingPage footer{background:#06080b}
.auth-page{--brand:#ff5435;--brand2:#ff9960;position:relative;width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(480px,.88fr);background:#07090c;overflow:hidden}.auth-backdrop{position:absolute;inset:0;pointer-events:none}.auth-backdrop video{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.15) brightness(.2);transform:scale(1.02)}.auth-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,11,.7),rgba(6,8,11,.9) 57%,#080a0e 78%),linear-gradient(0deg,rgba(5,7,10,.92),transparent 50%),radial-gradient(circle at 25% 42%,rgba(255,67,35,.11),transparent 34%)}
.auth-logo{position:fixed;z-index:5;left:42px;top:32px;gap:11px}.auth-logo img{width:30px;height:30px;filter:drop-shadow(0 0 14px rgba(255,74,42,.4))}.auth-logo b{font-size:17px}.auth-home{position:fixed;z-index:5;right:40px;top:31px;display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.03);color:#8e95a1;text-decoration:none;font-size:11px;transition:.2s}.auth-home:hover{color:#fff;background:rgba(255,255,255,.06)}.auth-home .material-symbols-rounded{font-size:16px}
.auth-page .auth-visual{position:relative;z-index:2;padding:130px clamp(45px,6vw,105px) 80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.auth-copy{position:relative;z-index:2;max-width:650px}.auth-copy h2{margin:25px 0 21px;font-size:clamp(54px,6vw,88px);line-height:.94;letter-spacing:-.065em}.auth-copy h2 em{font-style:normal;background:linear-gradient(100deg,#fff,#ffa98e 48%,#ff5837);-webkit-background-clip:text;color:transparent}.auth-copy>p{max-width:540px;color:#949ba7;font-size:16px;line-height:1.75}.auth-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.auth-benefits>span{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(8,10,14,.48);color:#939aa6;font-size:10px}.auth-benefits i{font-size:16px;color:#ff7753}.auth-orb{position:absolute;right:5%;bottom:8%;width:230px;height:230px;opacity:.12;filter:saturate(.7)}
.auth-page .auth-panel{position:relative;z-index:3;display:grid;place-items:center;padding:95px clamp(34px,5vw,90px) 55px;border-left:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,rgba(12,14,19,.68),rgba(8,10,14,.94));backdrop-filter:blur(20px)}.auth-page .auth-box{width:min(470px,100%);padding:35px;border:1px solid rgba(255,255,255,.08);border-radius:25px;background:linear-gradient(145deg,rgba(23,26,34,.92),rgba(12,14,19,.96));box-shadow:0 45px 120px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.035)}.auth-secure{display:inline-flex;align-items:center;gap:6px;margin-bottom:25px;color:#5edba2;font-size:8px;font-weight:800;letter-spacing:.15em}.auth-secure .material-symbols-rounded{font-size:14px}.auth-box>.eyebrow{padding:0!important;border:0!important;background:transparent!important;color:#ff8b68!important}.auth-box h1{margin:13px 0 9px;font-size:34px;letter-spacing:-1.3px}.auth-box>p{margin:0 0 27px;color:#79808d;line-height:1.6}.auth-box form{display:grid;gap:14px}.auth-box label{color:#8e95a0;font-size:10px;font-weight:700;letter-spacing:.02em}.auth-box label small{display:block;margin:4px 0;color:#5f6672;font-weight:500}.auth-box input,.auth-box select{height:51px;margin-top:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0b0e13;color:#fff;padding:0 15px;outline:0;transition:.2s}.auth-box input:focus{border-color:rgba(255,99,61,.5);box-shadow:0 0 0 4px rgba(255,82,45,.07)}.auth-box .submit{height:52px;margin-top:5px;border:0;border-radius:12px;background:linear-gradient(115deg,var(--brand2),var(--brand));box-shadow:0 14px 36px rgba(255,74,38,.22);font-weight:800}.auth-switch{width:100%;margin-top:15px;border:0;background:transparent;color:#777e89;font-size:11px}.auth-switch b{color:#ff805d}.auth-note{display:flex;align-items:flex-start;gap:9px;margin-top:24px;padding-top:19px;border-top:1px solid rgba(255,255,255,.06);color:#59616d;font-size:9px;line-height:1.5}.auth-note .material-symbols-rounded{font-size:16px;color:#777f8b}.form-status{margin-top:12px}
@media(max-width:1100px){#landingPage .cinematic{grid-template-columns:1fr;min-height:auto;padding-top:105px}#landingPage .product-shot{margin-top:30px}#landingPage .mc-clickgui{width:min(780px,92vw);transform:none}.auth-page{grid-template-columns:1fr}.auth-page .auth-visual{display:none}.auth-page .auth-panel{min-height:100vh;border:0}.auth-backdrop:after{background:rgba(6,8,11,.86)}}
@media(max-width:680px){#landingPage .site-header{height:72px}#landingPage .nav-actions .ghost{display:none}#landingPage .cinematic{padding:75px 0 80px}#landingPage .hero h1{font-size:48px}#landingPage .hero-copy>p{font-size:14px}#landingPage .hero-meta{display:grid;grid-template-columns:1fr 1fr}#landingPage .hero-meta>span{min-width:0}#landingPage .hero-meta>span:last-child{grid-column:span 2}#landingPage .product-shot{display:none}#landingPage .features{padding:90px 0}.auth-logo{left:22px;top:22px}.auth-home{right:20px;top:19px;font-size:0}.auth-page .auth-panel{padding:90px 14px 28px}.auth-page .auth-box{padding:25px 20px;border-radius:20px}.auth-box h1{font-size:29px}}

/* Reference-led redesign v5: quiet, centered, product-first */
#landingPage{--brand:#7770ff;--brand2:#a49fff;background:#0b0b0e;color:#f7f7fa}#landingPage:before{background:radial-gradient(700px 430px at 50% 36%,rgba(111,102,255,.12),transparent 66%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}
#landingPage .hero-video{height:940px;opacity:.42}#landingPage .hero-video video{filter:grayscale(.2) saturate(.48) contrast(1.08) brightness(.22);transform:scale(1.03)}#landingPage .hero-video:after{background:linear-gradient(180deg,rgba(11,11,14,.38),rgba(11,11,14,.62) 48%,#0b0b0e 92%),radial-gradient(ellipse at center,transparent 0,rgba(11,11,14,.42) 60%,#0b0b0e 100%)}
#landingPage .site-header{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 36px));height:64px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:rgba(16,16,20,.72);box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(24px)}#landingPage .site-header .wrap{width:100%;padding:0 12px 0 20px}#landingPage .logo img{width:24px;height:24px;filter:none}#landingPage .logo b{font-size:14px}#landingPage .nav nav{gap:0;padding:0;border:0;background:transparent}#landingPage .nav nav a{padding:9px 13px;color:#777780;font-size:11px;font-weight:600}#landingPage .nav nav a:hover{background:transparent;color:#fff}#landingPage .nav-actions .ghost{display:none}#landingPage .nav-actions .primary{padding:10px 15px;border:1px solid rgba(255,255,255,.08);background:#f1f1f4;color:#111116;box-shadow:none;font-size:11px}
#landingPage .cinematic{position:relative;min-height:930px;padding:145px 0 320px;display:flex;align-items:center;justify-content:center;text-align:center}#landingPage .hero-copy{max-width:1050px;margin:auto;display:flex;flex-direction:column;align-items:center}#landingPage .eyebrow{padding:8px 12px;border-color:rgba(128,119,255,.2);background:rgba(120,112,255,.07);color:#aaa5ff}#landingPage .eyebrow i{background:#8c84ff;box-shadow:0 0 10px #8c84ff}
#landingPage .hero h1{max-width:1080px;margin:27px auto 25px;font-size:clamp(54px,6.2vw,92px);line-height:.98;letter-spacing:-.058em}#landingPage .hero h1 em{background:linear-gradient(100deg,#8e88ff,#bdb9ff);-webkit-background-clip:text;color:transparent}#landingPage .hero-copy>p{max-width:680px;margin:0 auto;color:#81818b;font-size:15px;line-height:1.75}#landingPage .hero-actions{justify-content:center;margin:31px 0 34px}#landingPage .hero-actions a{min-height:49px;padding:0 22px;border-radius:13px}#landingPage .hero-actions .primary{background:linear-gradient(110deg,#817aff,#6b64eb);border-color:#8d86ff;box-shadow:0 12px 32px rgba(104,94,255,.25)}#landingPage .hero-actions .ghost{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#b1b1b8}
#landingPage .hero-meta{justify-content:center;gap:27px}#landingPage .hero-meta>span{min-width:auto;padding:0;border:0;background:none;backdrop-filter:none;display:flex;align-items:center;gap:8px;color:#74747d;font-size:10px}#landingPage .hero-meta i{color:#8d86ff;font-size:16px}#landingPage .hero-meta b{color:#85858f;font-size:10px;font-weight:600}
#landingPage .product-shot{position:absolute;z-index:3;left:50%;bottom:-80px;transform:translateX(-50%);width:min(880px,82vw);display:block}#landingPage .shot-glow{inset:18%;background:#675fff;filter:blur(110px);opacity:.15}#landingPage .mc-clickgui{width:100%;border-radius:14px;border-color:rgba(255,255,255,.12);background:rgba(13,12,17,.96);box-shadow:0 45px 120px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.025);transform:perspective(1400px) rotateX(2deg)}
#landingPage .features{padding:240px 0 130px}#landingPage .section-title{max-width:770px;margin-bottom:50px}#landingPage .section-title .eyebrow{border:0;background:none;padding:0;color:#8580e8}#landingPage .section-title h2,#landingPage .cloud h2,#landingPage .prices h2{font-size:clamp(40px,4.3vw,61px);letter-spacing:-.05em}#landingPage .section-title p{color:#72727c}#landingPage .feature-grid article{min-height:270px;border-radius:19px;background:linear-gradient(145deg,#151519,#0f0f13);border-color:rgba(255,255,255,.07)}#landingPage .feature-grid article:hover{border-color:rgba(125,117,255,.25);box-shadow:0 28px 65px rgba(0,0,0,.22)}#landingPage .feature-no{color:#8d86ff}#landingPage .bars i:first-child{background:linear-gradient(90deg,#736cff,#a09bff)}
#landingPage .cloud{background:radial-gradient(circle at 74% 50%,rgba(111,101,255,.1),transparent 30%),#0e0e12}#landingPage .cloud-orbit img{filter:grayscale(.2) drop-shadow(0 0 35px rgba(111,101,255,.25))}#landingPage .cloud-orbit i{border-color:rgba(124,116,255,.15)}#landingPage .price-card{border-color:rgba(128,119,255,.16);background:linear-gradient(110deg,rgba(111,102,255,.08),#111116 48%)}
.auth-page{--brand:#7770ff;--brand2:#a49fff;background:#0b0b0e}.auth-backdrop video{filter:grayscale(.25) saturate(.45) brightness(.16)}.auth-backdrop:after{background:linear-gradient(90deg,rgba(11,11,14,.7),#0b0b0e 72%),radial-gradient(circle at 25% 42%,rgba(105,96,255,.1),transparent 35%)}.auth-logo img{filter:none}.auth-home{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.auth-page .eyebrow{border-color:rgba(128,119,255,.2);background:rgba(120,112,255,.07);color:#aaa5ff}.auth-page .eyebrow i{background:#8c84ff;box-shadow:0 0 10px #8c84ff}.auth-copy h2 em{background:linear-gradient(100deg,#8d86ff,#c3bfff);-webkit-background-clip:text;color:transparent}.auth-benefits i{color:#8d86ff}.auth-page .auth-panel{background:rgba(11,11,14,.88)}.auth-page .auth-box{border-color:rgba(255,255,255,.085);border-radius:22px;background:linear-gradient(145deg,#17171c,#101014);box-shadow:0 38px 110px rgba(0,0,0,.48)}.auth-box>.eyebrow{color:#9a94ff!important}.auth-box input:focus{border-color:rgba(128,119,255,.5);box-shadow:0 0 0 4px rgba(112,102,255,.07)}.auth-box .submit{background:linear-gradient(110deg,#817aff,#6962e8);box-shadow:0 12px 30px rgba(103,94,255,.22)}.auth-switch b{color:#9c96ff}
@media(max-width:900px){#landingPage .cinematic{min-height:850px;padding-bottom:260px}#landingPage .site-header{width:calc(100% - 28px)}#landingPage .nav nav{display:none}#landingPage .product-shot{bottom:-40px;width:min(760px,92vw)}#landingPage .features{padding-top:190px}}
@media(max-width:680px){#landingPage .site-header{top:12px;height:58px}#landingPage .cinematic{min-height:720px;padding:115px 0 150px}#landingPage .hero h1{font-size:46px}#landingPage .hero-copy>p{font-size:13px}#landingPage .hero-meta{display:none}#landingPage .product-shot{display:none}#landingPage .features{padding:95px 0}#landingPage .hero-video{height:760px}}

/* Final art-directed rebuild v6 */
#landingPage{--brand:#ff3855;--brand2:#ff6a55;background:#08090c}#landingPage:before{display:none}#landingPage .hero-video{z-index:0;height:100vh;min-height:760px;opacity:1;background:#08090c url('/micotan-hero-v6.png?v=1') center/cover no-repeat}#landingPage .hero-video video{display:none}#landingPage .hero-video:after{background:linear-gradient(90deg,rgba(6,8,12,.96) 0%,rgba(6,8,12,.75) 34%,rgba(6,8,12,.08) 70%),linear-gradient(180deg,rgba(7,8,12,.16),rgba(7,8,12,.02) 62%,#08090c 100%)}
#landingPage .site-header{top:22px;width:min(900px,calc(100% - 40px));height:66px;border-color:rgba(255,255,255,.11);border-radius:18px;background:rgba(8,10,14,.72);box-shadow:0 20px 65px rgba(0,0,0,.38)}#landingPage .site-header .wrap{padding:0 13px 0 21px}#landingPage .logo img{filter:drop-shadow(0 0 11px rgba(255,39,67,.35))}#landingPage .nav nav a{color:#8c8f98}#landingPage .nav-actions .primary{background:#f5f6f8;color:#0b0c10;border:0}
#landingPage .cinematic{z-index:1;min-height:100vh;padding:140px 0 95px;display:grid;grid-template-columns:minmax(420px,650px) 1fr;align-items:center;text-align:left}#landingPage .hero-copy{max-width:650px;margin:0;align-items:flex-start}#landingPage .eyebrow{border-color:rgba(255,65,89,.22);background:rgba(255,49,78,.08);color:#ff9aa8}#landingPage .eyebrow i{background:#ff3c5b;box-shadow:0 0 12px #ff3c5b}
#landingPage .hero h1{max-width:760px;margin:25px 0 24px;font-size:clamp(63px,6.2vw,102px);line-height:.9;letter-spacing:-.068em;text-shadow:0 8px 40px rgba(0,0,0,.34)}#landingPage .hero h1 em{background:linear-gradient(100deg,#fff 0,#ffb2bc 42%,#ff4661 100%);-webkit-background-clip:text;color:transparent}#landingPage .hero-copy>p{max-width:540px;margin:0;color:#a0a4ae;font-size:16px;line-height:1.75;text-shadow:0 2px 18px rgba(0,0,0,.8)}#landingPage .hero-actions{justify-content:flex-start;margin:31px 0 36px}#landingPage .hero-actions .primary{background:linear-gradient(110deg,#ff536c,#e92849);border-color:#ff667d;box-shadow:0 15px 38px rgba(227,35,69,.3)}#landingPage .hero-actions .ghost{background:rgba(10,12,17,.48);border-color:rgba(255,255,255,.14);color:#d0d2d8;backdrop-filter:blur(12px)}#landingPage .hero-meta{justify-content:flex-start;gap:22px}#landingPage .hero-meta i{color:#ff637a}#landingPage .hero-meta b{color:#a9acb4}
#landingPage .product-shot{display:none}#landingPage .features{padding:135px 0 125px;background:radial-gradient(700px 380px at 50% 0,rgba(210,39,70,.07),transparent 70%),#08090c}#landingPage .section-title{max-width:740px}#landingPage .section-title .eyebrow{color:#f05b73}#landingPage .feature-grid article{background:linear-gradient(145deg,#14161c,#0d0f14);border-color:rgba(255,255,255,.075)}#landingPage .feature-grid article:hover{border-color:rgba(255,75,102,.3)}#landingPage .feature-no{color:#ff5b72}#landingPage .bars i:first-child{background:linear-gradient(90deg,#e92e4e,#ff7285)}#landingPage .cloud{background:radial-gradient(circle at 74% 50%,rgba(226,45,76,.1),transparent 30%),#0d0f14}#landingPage .cloud-orbit i{border-color:rgba(255,75,101,.17)}#landingPage .price-card{border-color:rgba(255,78,103,.2);background:linear-gradient(110deg,rgba(227,42,73,.09),#111319 48%)}
.auth-page{--brand:#ff3855;--brand2:#ff6a55;background:#08090c}.auth-backdrop{background:#08090c url('/micotan-hero-v6.png?v=1') 62% center/cover no-repeat}.auth-backdrop video{display:none}.auth-backdrop:after{background:linear-gradient(90deg,rgba(7,9,13,.22),rgba(7,9,13,.72) 52%,#090a0e 78%),linear-gradient(0deg,rgba(7,9,13,.65),transparent 55%)}.auth-logo img{filter:drop-shadow(0 0 11px rgba(255,43,70,.35))}.auth-page .eyebrow{border-color:rgba(255,66,91,.22);background:rgba(255,50,78,.08);color:#ff9cab}.auth-page .eyebrow i{background:#ff3c5b;box-shadow:0 0 11px #ff3c5b}.auth-copy h2 em{background:linear-gradient(100deg,#fff,#ff899b 55%,#ff3855);-webkit-background-clip:text;color:transparent}.auth-benefits i{color:#ff5a72}.auth-box>.eyebrow{color:#ff8699!important}.auth-box input:focus{border-color:rgba(255,74,99,.52);box-shadow:0 0 0 4px rgba(255,56,85,.07)}.auth-box .submit{background:linear-gradient(110deg,#ff536c,#e92849);box-shadow:0 13px 34px rgba(227,35,69,.26)}.auth-switch b{color:#ff7086}
@media(max-width:900px){#landingPage .cinematic{min-height:100vh;padding:135px 0 80px;grid-template-columns:1fr}#landingPage .hero-video{background-position:60% center}#landingPage .hero-video:after{background:linear-gradient(90deg,rgba(6,8,12,.94),rgba(6,8,12,.58) 65%,rgba(6,8,12,.2)),linear-gradient(0deg,#08090c,transparent 42%)}#landingPage .hero-copy{max-width:620px}}
@media(max-width:680px){#landingPage .site-header{top:12px;height:58px}#landingPage .cinematic{min-height:760px;padding:110px 0 75px}#landingPage .hero-video{height:760px;min-height:760px;background-position:64% center}#landingPage .hero-video:after{background:linear-gradient(90deg,rgba(6,8,12,.92),rgba(6,8,12,.45)),linear-gradient(0deg,#08090c,transparent 55%)}#landingPage .hero h1{font-size:54px}#landingPage .hero-copy>p{max-width:390px;color:#b1b4bc}#landingPage .hero-meta{display:none}}

/* Youth-focused visual system v7 */
#landingPage{--brand:#775cff;--brand2:#ff4f9a;background:#090a12}#landingPage .hero-video{background-image:url('/feature-events-v7.png?v=1');background-position:center;background-size:cover}#landingPage .hero-video:after{background:linear-gradient(90deg,rgba(8,9,18,.94) 0%,rgba(8,9,18,.72) 38%,rgba(8,9,18,.12) 72%),linear-gradient(180deg,rgba(8,9,18,.08),rgba(8,9,18,.03) 58%,#090a12 100%)}#landingPage .site-header{background:rgba(13,14,26,.72);border-color:rgba(255,255,255,.14)}#landingPage .eyebrow{border-color:rgba(134,104,255,.28);background:rgba(112,82,255,.12);color:#c1b3ff}#landingPage .eyebrow i{background:#8d70ff;box-shadow:0 0 12px #8d70ff}#landingPage .hero h1 em{background:linear-gradient(100deg,#a797ff,#ff78ba 55%,#ffb061);-webkit-background-clip:text;color:transparent}#landingPage .hero-actions .primary{background:linear-gradient(110deg,#8667ff,#ff4d9c);border-color:#a77fff;box-shadow:0 15px 40px rgba(114,74,255,.32)}#landingPage .hero-meta i{color:#a78fff}
#landingPage .features{padding-bottom:85px;background:radial-gradient(800px 480px at 50% 0,rgba(112,76,255,.1),transparent 70%),#090a12}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.visual-feature{min-height:470px!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;background:#121425!important}.visual-feature:after{display:none}.visual-feature>img{width:100%;height:330px;object-fit:cover;transition:transform .45s}.visual-feature:hover>img{transform:scale(1.035)}.feature-copy{flex:1;display:flex;align-items:center;gap:13px;padding:20px}.feature-copy h3{margin:0 0 7px!important;font-size:18px!important}.feature-copy p{margin:0;color:#898da0!important;line-height:1.5}.feature-icon{flex:0 0 auto;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8165ff,#ff54a1);color:#fff;font-size:21px;box-shadow:0 8px 24px rgba(112,74,255,.26)}
.play-strip{padding:30px 0 135px}.play-strip-head{text-align:center}.play-strip-head>span{color:#9d83ff;font-size:10px;font-weight:800;letter-spacing:.18em}.play-strip-head h2{margin:15px 0 37px;font-size:clamp(39px,4.5vw,64px);line-height:1.02;letter-spacing:-.05em}.play-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.play-icons article{min-height:125px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,#15172a,#0f101d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;transition:.25s}.play-icons article:hover{transform:translateY(-4px);border-color:rgba(154,117,255,.35)}.play-icons i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(125,91,255,.25),rgba(255,73,157,.15));color:#b79eff;font-size:24px}.play-icons b{font-size:11px;color:#bdc0ce}
#landingPage .cloud{background:radial-gradient(circle at 74% 50%,rgba(111,81,255,.15),transparent 32%),#10121f}#landingPage .price-card{border-color:rgba(145,105,255,.24);background:linear-gradient(110deg,rgba(115,78,255,.13),#131522 48%)}
.auth-page{--brand:#775cff;--brand2:#ff4f9a}.auth-backdrop{background-image:url('/feature-friends-v7.png?v=1');background-position:center;background-size:cover}.auth-backdrop:after{background:linear-gradient(90deg,rgba(8,9,18,.28),rgba(8,9,18,.76) 54%,#0a0b14 80%),linear-gradient(0deg,rgba(8,9,18,.55),transparent 55%)}.auth-page .eyebrow{border-color:rgba(137,104,255,.28);background:rgba(115,80,255,.12);color:#c0b1ff}.auth-page .eyebrow i{background:#8e70ff;box-shadow:0 0 11px #8e70ff}.auth-copy h2 em{background:linear-gradient(100deg,#a590ff,#ff70b4);-webkit-background-clip:text;color:transparent}.auth-benefits i{color:#ae91ff}.auth-box>.eyebrow{color:#ae97ff!important}.auth-box input:focus{border-color:rgba(145,109,255,.55);box-shadow:0 0 0 4px rgba(119,92,255,.08)}.auth-box .submit{background:linear-gradient(110deg,#8263ff,#f3489a);box-shadow:0 13px 34px rgba(112,73,255,.27)}.auth-switch b{color:#b497ff}.auth-secure,.auth-note{display:none!important}
@media(max-width:1000px){.feature-grid{grid-template-columns:1fr 1fr!important}.visual-feature:last-child{grid-column:span 2}.play-icons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){#landingPage .hero-video{background-position:62% center}.feature-grid{grid-template-columns:1fr!important}.visual-feature:last-child{grid-column:auto}.visual-feature{min-height:410px!important}.visual-feature>img{height:270px}.play-icons{grid-template-columns:repeat(2,1fr)}.play-strip{padding-bottom:90px}.auth-backdrop{background-position:42% center}}

/* Artwork across every major surface v8 */
#landingPage .hero-video{background-image:url('/feature-events-v7.webp?v=2')}.cloud-inner{grid-template-columns:minmax(360px,.8fr) minmax(500px,1.2fr);gap:70px}.cloud-art{position:relative;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.35)}.cloud-art>img{width:100%;height:100%;object-fit:cover}.cloud-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,10,18,.68),transparent 55%)}.cloud-art>span{position:absolute;z-index:2;left:20px;bottom:19px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:2px 11px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(11,12,23,.74);backdrop-filter:blur(16px)}.cloud-art>span i{grid-row:1/3;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#8062ff,#ff4b9d);color:#fff}.cloud-art>span b{font-size:12px}.cloud-art>span small{color:#9da0b0;font-size:9px}
#landingPage .prices{position:relative;isolation:isolate;padding-top:140px;padding-bottom:150px}#landingPage .prices:before{content:"";position:absolute;z-index:-2;inset:55px 0 60px;border-radius:32px;background:url('/feature-events-v7.webp?v=2') center 48%/cover no-repeat;opacity:.34}#landingPage .prices:after{content:"";position:absolute;z-index:-1;inset:55px 0 60px;border-radius:32px;background:linear-gradient(90deg,rgba(8,9,17,.96),rgba(8,9,17,.72) 58%,rgba(8,9,17,.42)),linear-gradient(0deg,#090a12,transparent 45%)}#landingPage .prices .section-title{text-align:left;margin-left:48px;margin-right:auto}#landingPage .price-card{margin:0 48px 0;width:min(820px,calc(100% - 96px));backdrop-filter:blur(18px);background:rgba(15,17,31,.78)}
.app-page .view[data-page="account"] .identity{min-height:150px;padding:28px 31px;background:linear-gradient(90deg,rgba(12,14,21,.97),rgba(12,14,21,.7) 48%,rgba(12,14,21,.12)),url('/feature-style-v7.webp?v=2') 80% 43%/cover no-repeat}.app-page .view[data-page="account"] .identity:after{display:none}.app-page .view[data-page="account"] .identity>span{width:66px;height:66px;box-shadow:0 12px 34px rgba(255,78,105,.3)}
.app-page .media-banner{min-height:150px;background:linear-gradient(90deg,rgba(21,14,25,.97),rgba(21,14,25,.67) 55%,rgba(21,14,25,.15)),url('/feature-friends-v7.webp?v=2') 80% 46%/cover no-repeat}.app-page .media-banner>div{max-width:650px}.app-page .partner-empty{position:relative;overflow:hidden;min-height:330px;padding:45px 46% 42px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,rgba(16,18,29,.98),rgba(16,18,29,.86) 48%,rgba(16,18,29,.12)),url('/feature-friends-v7.webp?v=2') 83% center/cover no-repeat}.app-page .partner-empty:after{content:"";position:absolute;right:-80px;bottom:-100px;width:280px;height:280px;border-radius:50%;background:#795aff;filter:blur(100px);opacity:.18}.app-page .partner-empty h3{margin:0 0 11px;color:#fff;font-size:26px;letter-spacing:-.7px}.app-page .partner-empty p{margin:0 0 22px;color:#a1a5b4;line-height:1.65}.app-page .partner-empty>*{position:relative;z-index:2}
.app-page .view[data-page="themes"] .store-section:first-of-type,.app-page .view[data-page="events"] #eventsGrid,.app-page .view[data-page="chat"] .chat-shell{position:relative}.app-page .view[data-page="themes"] .store-section:first-of-type:before{content:"";display:block;height:220px;margin-bottom:22px;border-radius:22px;background:linear-gradient(90deg,rgba(11,13,22,.16),rgba(11,13,22,.04)),url('/feature-style-v7.webp?v=2') center 42%/cover no-repeat;border:1px solid rgba(255,255,255,.08)}.app-page .view[data-page="events"] #eventsGrid:before{content:"";grid-column:1/-1;height:240px;border-radius:22px;background:url('/feature-events-v7.webp?v=2') center 47%/cover no-repeat;border:1px solid rgba(255,255,255,.08)}.app-page .view[data-page="chat"] .chat-head{min-height:105px;background:linear-gradient(90deg,rgba(10,12,18,.95),rgba(10,12,18,.68)),url('/feature-friends-v7.webp?v=2') 76% 45%/cover no-repeat}
@media(max-width:900px){.cloud-inner{grid-template-columns:1fr}.cloud-art{height:360px}.app-page .partner-empty{padding-right:32%;background-position:70% center}}
@media(max-width:680px){.cloud-art{height:300px}.cloud-art>span{left:12px;right:12px;bottom:12px}#landingPage .prices:before,#landingPage .prices:after{inset:35px 0 40px;border-radius:22px}#landingPage .prices .section-title{margin-left:22px}#landingPage .price-card{margin:0 22px;width:calc(100% - 44px)}.app-page .view[data-page="account"] .identity{min-height:190px;background-position:62% center;align-items:flex-end}.app-page .partner-empty{min-height:420px;padding:220px 22px 25px;background:linear-gradient(0deg,rgba(16,18,29,.98),rgba(16,18,29,.5) 70%,rgba(16,18,29,.08)),url('/feature-friends-v7.webp?v=2') center top/auto 250px no-repeat}.app-page .media-banner{background-position:62% center}}

/* Dedicated illustration system v9: one scene per product area */
.auth-backdrop{background-image:url('/art-auth-v9.webp?v=1');background-position:center;background-size:cover}
#landingPage .prices:before{background-image:url('/art-access-v9.webp?v=1');background-position:center 48%}
.app-page .view[data-page="account"] .identity{background:linear-gradient(90deg,rgba(12,14,21,.98),rgba(12,14,21,.76) 46%,rgba(12,14,21,.12)),url('/art-account-v9.webp?v=1') 80% 48%/cover no-repeat}
.app-page .media-banner{background:linear-gradient(90deg,rgba(21,14,25,.98),rgba(21,14,25,.72) 51%,rgba(21,14,25,.12)),url('/art-partner-v9.webp?v=1') 78% 46%/cover no-repeat}
.app-page .partner-empty{background:linear-gradient(90deg,rgba(16,18,29,.98),rgba(16,18,29,.86) 48%,rgba(16,18,29,.1)),url('/art-partner-v9.webp?v=1') 82% center/cover no-repeat}
.app-page .view[data-page="themes"] .store-section:first-of-type:before{background:linear-gradient(90deg,rgba(11,13,22,.14),rgba(11,13,22,.02)),url('/art-store-v9.webp?v=1') center 50%/cover no-repeat}
.app-page .view[data-page="events"] #eventsGrid:before{background-image:url('/art-events-v9.webp?v=1');background-position:center 46%}
.app-page .view[data-page="chat"] .chat-head{background:linear-gradient(90deg,rgba(10,12,18,.96),rgba(10,12,18,.7) 52%,rgba(10,12,18,.16)),url('/art-chat-v9.webp?v=1') 78% 50%/cover no-repeat}
@media(max-width:680px){.auth-backdrop{background-position:64% center}.app-page .view[data-page="account"] .identity{background-position:66% center}.app-page .media-banner{background-position:66% center}.app-page .partner-empty{background:linear-gradient(0deg,rgba(16,18,29,.98),rgba(16,18,29,.54) 70%,rgba(16,18,29,.08)),url('/art-partner-v9.webp?v=1') center top/auto 250px no-repeat}.app-page .view[data-page="themes"] .store-section:first-of-type:before{background-position:68% center}.app-page .view[data-page="events"] #eventsGrid:before{background-position:53% center}.app-page .view[data-page="chat"] .chat-head{background-position:66% center}}

/* Premium material system v10 */
:root{--lux-bg:#07080d;--lux-surface:rgba(18,20,31,.82);--lux-line:rgba(255,255,255,.105);--lux-line-hot:rgba(183,157,255,.32);--lux-violet:#9b7cff;--lux-pink:#ff5dac;--lux-ice:#dcd5ff;--lux-shadow:0 30px 90px rgba(0,0,0,.42)}
html{background:var(--lux-bg)}
body{background:radial-gradient(1000px 720px at 82% -8%,rgba(112,79,255,.14),transparent 62%),radial-gradient(760px 620px at -10% 38%,rgba(255,69,148,.075),transparent 65%),var(--lux-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body:after{content:"";position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
::selection{background:rgba(153,119,255,.38);color:#fff}

/* Landing: editorial spacing and polished glass */
#landingPage .site-header{top:18px;width:min(1180px,calc(100% - 48px));height:66px;margin:0 auto;border:1px solid var(--lux-line);border-radius:20px;background:linear-gradient(115deg,rgba(15,17,29,.88),rgba(13,15,25,.69));box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(24px) saturate(1.25)}
#landingPage .site-header .nav{width:auto;padding:0 15px 0 20px}
#landingPage .logo img{filter:drop-shadow(0 0 12px rgba(255,54,106,.35))}
#landingPage .nav nav{gap:8px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.025)}
#landingPage .nav nav a{padding:8px 15px;border-radius:9px;font-size:12px;font-weight:600;color:#85899a}
#landingPage .nav nav a:hover{background:rgba(255,255,255,.055);color:#f7f5ff}
#landingPage .hero-video{height:min(940px,108vh);background-position:center 45%;filter:saturate(1.02);opacity:1}
#landingPage .hero-video:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(520px 420px at 78% 38%,rgba(154,110,255,.16),transparent 70%);mix-blend-mode:screen;pointer-events:none}
#landingPage .hero-video:after{z-index:2;background:linear-gradient(90deg,rgba(6,7,13,.97) 0%,rgba(7,8,15,.87) 35%,rgba(7,8,15,.3) 69%,rgba(7,8,15,.14)),linear-gradient(180deg,rgba(7,8,14,.08),transparent 55%,#090a12 96%)}
#landingPage .cinematic{min-height:min(850px,96vh);padding-top:105px;gap:88px}
#landingPage .hero-copy{max-width:630px}
#landingPage .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(161,127,255,.25);border-radius:999px;background:linear-gradient(110deg,rgba(129,92,255,.13),rgba(255,81,166,.06));box-shadow:inset 0 1px rgba(255,255,255,.045);font-size:9px;letter-spacing:.2em}
#landingPage .hero h1{margin:26px 0 22px;font-size:clamp(56px,5.45vw,78px);line-height:.98;letter-spacing:-.066em;text-shadow:0 5px 38px rgba(0,0,0,.3)}
#landingPage .hero h1 em{background:linear-gradient(105deg,#b9a4ff 4%,#ff76bd 51%,#ffc18f 94%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 12px 34px rgba(158,91,255,.16))}
#landingPage .hero-copy>p{max-width:530px;color:#999dac;font-size:16px;line-height:1.85}
#landingPage .hero-actions{margin:34px 0 37px}
.primary{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
.primary:after{content:"";position:absolute;z-index:-1;inset:-2px auto -2px -45%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .6s ease}
.primary:hover:after{left:120%}
#landingPage .hero-actions .primary,#landingPage .price-card .primary,#landingPage .cloud .primary{border:1px solid rgba(219,205,255,.34);border-radius:13px;background:linear-gradient(115deg,#8365ff,#bc58e9 53%,#ff589f);box-shadow:0 14px 38px rgba(111,69,255,.3),inset 0 1px rgba(255,255,255,.3)}
#landingPage .hero-actions .primary:hover,#landingPage .price-card .primary:hover,#landingPage .cloud .primary:hover{transform:translateY(-2px);box-shadow:0 19px 48px rgba(119,70,255,.39),inset 0 1px rgba(255,255,255,.35)}
#landingPage .hero-actions .ghost{border-color:var(--lux-line);border-radius:13px;background:rgba(255,255,255,.025);backdrop-filter:blur(12px);transition:.25s}
#landingPage .hero-actions .ghost:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);transform:translateY(-2px)}
#landingPage .hero-meta{gap:13px}
#landingPage .hero-meta span{min-width:138px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));color:#737887}
#landingPage .hero-meta i{font-size:17px;margin-bottom:7px}
#landingPage .hero-meta b{font-size:11px;letter-spacing:-.01em}
#landingPage .mc-clickgui{border-color:rgba(208,193,255,.18);border-radius:14px;box-shadow:0 55px 140px rgba(0,0,0,.66),0 0 90px rgba(113,80,255,.12),inset 0 1px rgba(255,255,255,.07)}

#landingPage .features{padding:150px 0 135px}
#landingPage .section-title{max-width:720px;margin-bottom:60px}
#landingPage .section-title h2,#landingPage .cloud-inner h2{font-size:clamp(42px,4.2vw,58px);line-height:1.04;letter-spacing:-.058em}
#landingPage .section-title p{color:#858a9b;line-height:1.75}
#landingPage .visual-feature{border-color:var(--lux-line);border-radius:26px;background:#0d0f18;box-shadow:0 25px 80px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.04);transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .4s}
#landingPage .visual-feature:hover{transform:translateY(-7px);border-color:var(--lux-line-hot);box-shadow:0 38px 100px rgba(0,0,0,.42),0 0 55px rgba(121,83,255,.09),inset 0 1px rgba(255,255,255,.08)}
#landingPage .visual-feature>img{transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.9) contrast(1.04)}
#landingPage .visual-feature:hover>img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}
#landingPage .feature-copy{background:linear-gradient(180deg,transparent,rgba(7,8,14,.91) 24%,rgba(7,8,14,.985));padding:80px 25px 24px}
#landingPage .feature-copy h3{font-size:20px;letter-spacing:-.035em}
#landingPage .feature-icon{border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.15)}

#landingPage .play-strip{padding:38px 42px 125px;border:1px solid var(--lux-line);border-radius:30px;background:linear-gradient(135deg,rgba(19,21,34,.74),rgba(11,13,22,.56));box-shadow:var(--lux-shadow),inset 0 1px rgba(255,255,255,.05)}
#landingPage .play-strip-head{padding-top:45px}
#landingPage .play-icons{gap:12px}
#landingPage .play-icons article{border-color:rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));transition:.27s}
#landingPage .play-icons article:hover{transform:translateY(-4px);border-color:rgba(170,139,255,.3);background:rgba(130,91,255,.07)}
#landingPage .play-icons i{background:linear-gradient(145deg,#9b7cff,#ff5ba8);-webkit-background-clip:text;color:transparent}

#landingPage .cloud{margin-top:130px;border:0;background:radial-gradient(700px 400px at 75% 55%,rgba(105,70,255,.12),transparent 72%),#090a12}
#landingPage .cloud-inner{min-height:690px}
#landingPage .cloud-art{border-color:rgba(255,255,255,.13);border-radius:30px;box-shadow:0 40px 120px rgba(0,0,0,.48),0 0 80px rgba(93,70,255,.09),inset 0 1px rgba(255,255,255,.08)}
#landingPage .cloud-art:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -120px 90px rgba(7,8,15,.2);pointer-events:none}
#landingPage .cloud-art>img{filter:saturate(.92) contrast(1.04)}
#landingPage .cloud-art>span{border-color:rgba(255,255,255,.16);background:rgba(11,12,22,.7);box-shadow:0 16px 45px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07)}
#landingPage .prices{padding-top:170px;padding-bottom:175px}
#landingPage .prices:before,#landingPage .prices:after{border-radius:38px}
#landingPage .prices:before{opacity:.42;filter:saturate(.83)}
#landingPage .price-card{border-color:rgba(207,188,255,.18);border-radius:23px;background:linear-gradient(110deg,rgba(24,24,41,.86),rgba(14,16,27,.76));box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07)}
#landingPage .footer{border-color:rgba(255,255,255,.075)}

/* Authentication: boutique access panel */
.auth-page .auth-panel{background:linear-gradient(135deg,rgba(10,11,18,.7),rgba(9,10,16,.94));backdrop-filter:blur(12px)}
.auth-page .auth-box{padding:36px;border:1px solid var(--lux-line);border-radius:26px!important;background:linear-gradient(145deg,rgba(25,26,39,.88),rgba(13,14,22,.94))!important;box-shadow:0 45px 140px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.075)!important}
.auth-page .auth-box h1{font-size:42px;letter-spacing:-.055em}
.auth-page input{height:54px;border-color:rgba(255,255,255,.09);border-radius:13px;background:rgba(5,7,12,.58);transition:border-color .2s,box-shadow .2s,background .2s}
.auth-page input:hover{background:rgba(9,11,18,.72);border-color:rgba(255,255,255,.14)}
.auth-page .submit{height:54px;border-radius:13px;background:linear-gradient(110deg,#8668ff,#ef57aa);box-shadow:0 16px 42px rgba(112,75,255,.28),inset 0 1px rgba(255,255,255,.25)}
.auth-page .auth-home{border-color:var(--lux-line);border-radius:12px;background:rgba(13,15,24,.55);backdrop-filter:blur(18px)}

/* Dashboard: restrained luxury and stronger hierarchy */
.app-page{--ap:#0c0e15;--ap2:#12151f;--al:rgba(255,255,255,.085);--aa:#ff5b9f;--aa2:#9272ff;width:min(1680px,100%);background:radial-gradient(900px 700px at 96% 0%,rgba(116,77,255,.075),transparent 68%)}
.app-page .sidebar{border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(10,12,19,.96),rgba(8,10,16,.88));box-shadow:22px 0 70px rgba(0,0,0,.16)}
.app-page .sidebar nav button{border:1px solid transparent;border-radius:13px;transition:.24s}
.app-page .sidebar nav button:hover{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035);transform:translateX(3px)}
.app-page .sidebar nav button.active{border-color:rgba(168,136,255,.2);background:linear-gradient(100deg,rgba(132,91,255,.14),rgba(255,83,160,.055));box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.14)}
.app-page .sidebar nav button.active>span{background:linear-gradient(145deg,#9f81ff,#ff5fa9);box-shadow:0 10px 26px rgba(122,77,255,.24)}
.app-page .dashboard{padding-top:54px}
.app-page .view>header{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}
.app-page .view>header h1{font-size:38px;letter-spacing:-.055em}
.app-page .identity,.app-page .subscription,.app-page .account-data,.app-page .media-banner,.app-page .loading-card,.app-page .partner-empty,.app-page .store-section,.app-page .chat-shell{border-color:var(--lux-line)!important;box-shadow:0 24px 75px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)}
.app-page .identity{border-radius:22px}
.app-page .subscription{background:linear-gradient(145deg,rgba(20,23,34,.94),rgba(12,15,23,.96))}
.app-page .account-data{background:linear-gradient(145deg,rgba(18,21,31,.94),rgba(11,14,21,.96))}
.app-page .quick-actions button{border-color:rgba(255,255,255,.085);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:.24s}
.app-page .quick-actions button:hover{border-color:rgba(164,130,255,.25);background:rgba(128,88,255,.075);transform:translateY(-3px);box-shadow:0 13px 32px rgba(0,0,0,.18)}
.app-page .stat,.app-page .config-card,.app-page .event-card,.app-page .store-card,.app-page .theme-shop-card,.app-page .level{border-color:rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(21,24,35,.93),rgba(11,14,21,.96));box-shadow:0 18px 55px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04)}
.app-page .event-card{min-height:84px;border-radius:18px;transition:.25s}
.app-page .event-card:hover{border-color:rgba(166,133,255,.27);transform:translateY(-3px);box-shadow:0 25px 65px rgba(0,0,0,.25),0 0 35px rgba(123,82,255,.055)}
.app-page .event-card>span{background:linear-gradient(145deg,rgba(146,104,255,.19),rgba(255,79,157,.1));color:#b49cff;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.app-page [data-event-seconds]{font-variant-numeric:tabular-nums;color:#d4cbff;font-weight:700;letter-spacing:.04em}
.app-page .primary{background:linear-gradient(115deg,#9171ff,#e857ac);box-shadow:0 13px 34px rgba(113,74,255,.2),inset 0 1px rgba(255,255,255,.22)}
.app-page dialog,dialog{border-color:var(--lux-line);border-radius:24px;background:linear-gradient(145deg,#171923,#0d0f16);box-shadow:0 50px 150px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.065)}

@media(max-width:900px){#landingPage .site-header{top:10px;width:calc(100% - 28px)}#landingPage .cinematic{padding-top:120px}#landingPage .play-strip{width:calc(100% - 28px);padding-inline:22px}#landingPage .cloud{margin-top:90px}.auth-page .auth-box{padding:30px}}
@media(max-width:680px){#landingPage .site-header{height:60px;border-radius:17px}#landingPage .site-header .nav{padding-inline:13px}#landingPage .hero-video{height:790px;background-position:64% center}#landingPage .cinematic{min-height:760px;padding-top:105px;align-items:center}#landingPage .hero h1{font-size:46px;line-height:1.02}#landingPage .hero-copy>p{font-size:14px;line-height:1.7}#landingPage .hero-actions{flex-direction:column;align-items:stretch}#landingPage .hero-actions a{text-align:center}#landingPage .hero-meta{display:grid;grid-template-columns:1fr 1fr}#landingPage .hero-meta span{min-width:0}#landingPage .features{padding:100px 0}#landingPage .section-title h2,#landingPage .cloud-inner h2{font-size:38px}#landingPage .play-strip{border-radius:23px;padding-bottom:75px}#landingPage .cloud-inner{min-height:620px;padding-block:80px}#landingPage .prices{padding-block:105px}#landingPage .prices:before,#landingPage .prices:after{border-radius:26px}.auth-page .auth-box{padding:25px 21px;border-radius:21px!important}.auth-page .auth-box h1{font-size:34px}.app-page .view>header h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}