@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#09090b;--panel:#121116;--panel2:#17151d;--purple:#8b5cf6;--purple2:#a78bfa;--white:#fafafa;--muted:#a1a1aa;--line:#29252f;--green:#72e6ad;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.17;border-radius:50%;z-index:-1}.ambient-one{width:420px;height:420px;top:80px;left:48%;background:#6d28d9}.ambient-two{width:280px;height:320px;top:620px;left:-130px;background:#4c1d95}.topbar{height:82px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:20;background:rgba(9,9,11,.78);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.7px}.brand-light{font-weight:500;color:#c4c0cc}.brand-mark{display:flex;align-items:center;gap:3px;height:22px;transform:skew(-18deg)}.brand-mark span{display:block;width:4px;background:var(--purple2);border-radius:4px}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px}.nav-links{display:flex;gap:34px;color:#b4b0bb;font-size:13px}.nav-links a:hover,.footer a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:10px}.button{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:11px 16px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#8b5cf6,#7544df);color:white;box-shadow:0 6px 28px #7c3aed26}.button-primary:hover{background:linear-gradient(120deg,#9b72ff,#8357ec)}.button-ghost{background:transparent;color:#d4d0dc}.button-ghost:hover{border-color:var(--line)}.button-secondary{border-color:#37313f;background:#17141d;color:#eee9f7}.button-large{padding:15px 20px;font-size:13px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:9px}.hero{min-height:665px;padding:104px 10% 48px;display:grid;grid-template-columns:1.04fr .96fr;gap:5%;align-items:center;position:relative}.hero-copy{max-width:570px}.eyebrow,.section-kicker,.tiny-label{font-size:10px;letter-spacing:1.8px;color:#b8a3ff;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:27px}.live-dot{width:7px;height:7px;background:var(--purple2);border-radius:50%;box-shadow:0 0 14px var(--purple)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(46px,5.6vw,76px)/1.04 var(--display);letter-spacing:-4.4px;margin-bottom:24px}.gradient-text{background:linear-gradient(100deg,#d8c8ff 0%,#a78bfa 42%,#8055ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:15px;line-height:1.85;color:#aaa6b2;max-width:470px;margin-bottom:29px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:43px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{width:28px;height:28px;margin-left:-5px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#30243f;color:#d7c5ff;font-size:9px;font-weight:700}.avatar-stack span:nth-child(2){background:#24384b;color:#bde5ff}.avatar-stack span:nth-child(3){background:#453126;color:#ffd9b0}.avatar-stack span:nth-child(4){background:#27242d;color:#d9d5df}.hero-proof p{font-size:11px;line-height:1.65;color:#898592;margin:0}.hero-proof strong{color:#ddd9e5;font-size:12px;font-weight:600}.hero-visual{min-height:440px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid #8b5cf622;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:410px;height:300px}.orbit-b{width:470px;height:360px;transform:rotate(33deg);border-color:#c4b5fd15}.glass-card{position:relative;width:min(100%,370px);background:linear-gradient(150deg,rgba(27,24,34,.97),rgba(15,14,19,.97));border:1px solid #393143;border-radius:19px;padding:22px;box-shadow:0 35px 90px #0008,0 0 70px #8b5cf61c;transform:rotate(1.5deg);z-index:2}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.tiny-label{font-size:8px;color:#7f788a;letter-spacing:1.2px}.status-pill{font-size:9px;color:#b6f2d0;border:1px solid #397b5a55;background:#183a2a55;border-radius:30px;padding:6px 8px;display:flex;align-items:center;gap:5px}.status-pill span,.availability i{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}.profile-person{display:flex;align-items:center;gap:13px}.profile-avatar{width:55px;height:55px;border-radius:15px;background:linear-gradient(135deg,#c4b5fd,#6d28d9);display:grid;place-items:center;font:800 16px var(--display);position:relative;color:#fff}.avatar-star{position:absolute;right:-5px;top:-6px;background:#f4e8ff;color:#6d28d9;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:10px}.profile-person h3{font:700 17px var(--display);margin:0 0 5px}.profile-person p{font-size:11px;color:#a8a2b0;margin:0}.profile-bio{font-size:11px;color:#b6b1bf;line-height:1.7;margin:18px 0}.skill-list,.talent-skills{display:flex;gap:6px;flex-wrap:wrap}.skill-list span,.talent-skills span{padding:6px 8px;border-radius:6px;background:#26202f;border:1px solid #41334f;color:#c9b7f8;font-size:9px}.preview-divider{height:1px;background:#2d2833;margin:20px 0 6px}.project-row{display:flex;align-items:center;gap:11px;padding:10px 0}.project-thumb{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:17px}.thumb-purple{background:linear-gradient(135deg,#8b5cf6,#3d216d)}.thumb-blue{background:linear-gradient(135deg,#4f8de9,#202c62)}.project-row strong{font-size:11px;display:block;margin-bottom:4px}.project-row small{font-size:9px;color:#85808e}.project-arrow{margin-left:auto;color:#a78bfa}.preview-cta{width:100%;border:1px solid #51406c;background:#211a2b;color:#d9c8ff;padding:12px;border-radius:8px;font-size:10px;font-weight:700;margin-top:12px;display:flex;justify-content:space-between}.floating-tag{position:absolute;z-index:4;background:#1b1722;border:1px solid #3c304b;padding:12px 14px;border-radius:11px;font-size:10px;color:#ded4f1;box-shadow:0 12px 40px #0006}.tag-top{top:45px;right:-5px}.tag-icon{color:#c4b5fd;margin-right:7px}.tag-bottom{bottom:48px;left:-20px}.sparkle{color:#d8c8ff;font-size:16px;margin-right:6px}.hero-bottom-line{position:absolute;bottom:24px;left:10%;right:10%;display:flex;justify-content:space-between;color:#5e5967;font-size:8px;letter-spacing:1.4px}.stats-strip{margin:0 10%;padding:25px 0;border-top:1px solid #25222b;border-bottom:1px solid #25222b;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats-strip div{display:flex;align-items:center;gap:13px}.stats-strip strong{font:700 12px var(--display);color:#a78bfa}.stats-strip span{font-size:11px;color:#a6a1ae}.section{padding:110px 10%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-kicker{display:block;margin-bottom:15px;font-size:9px}.section-heading h2,.banner-content h2,.final-cta h2{font:700 clamp(30px,3.4vw,43px)/1.2 var(--display);letter-spacing:-1.8px;margin:0}.section-heading>p{font-size:12px;line-height:1.8;color:#96919e;max-width:260px;margin:0 0 4px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.step-card{padding:23px 23px 25px;border:1px solid #29252f;background:linear-gradient(140deg,#141218,#0e0d11);border-radius:14px;min-height:255px;position:relative;overflow:hidden}.step-featured{border-color:#5e438b;background:linear-gradient(140deg,#1e1729,#100e14)}.step-number{display:flex;justify-content:space-between;color:#77717f;font-size:10px;letter-spacing:1px}.step-number span{color:#a78bfa}.step-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #423453;background:#211a2b;color:#c7b4ff;border-radius:12px;font-size:21px;margin:32px 0 21px}.step-card h3{font:700 16px var(--display);margin-bottom:10px}.step-card p{font-size:11px;line-height:1.8;color:#97919f;margin-bottom:20px}.step-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.6}.talent-section{padding-top:35px}.talent-heading{margin-bottom:30px}.search-panel{display:flex;gap:10px;padding:10px;background:#111014;border:1px solid #2b2731;border-radius:12px;margin-bottom:20px}.search-input-wrap{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;min-width:100px}.search-input-wrap>span{font-size:22px;color:#9e82e8}.search-input-wrap input{width:100%;background:transparent;border:0;outline:0;color:white;font-size:12px;min-width:0}.search-input-wrap input::placeholder{color:#77717e}.search-panel select,.action-dialog select,.action-dialog input{background:#1a171f;border:1px solid #38313f;border-radius:8px;color:#c9c4d0;padding:11px 12px;font-size:11px;outline:none}.search-panel select{max-width:180px}.talent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.talent-card{background:linear-gradient(155deg,#151319,#100f13);border:1px solid #2b2731;border-radius:13px;padding:18px;transition:transform .2s,border-color .2s}.talent-card:hover{transform:translateY(-4px);border-color:#59427c}.talent-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;margin-bottom:17px}.talent-avatar{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font:800 12px var(--display)}.avatar-lilac{background:#34264a;color:#d8c4ff}.avatar-blue{background:#20364a;color:#b5dfff}.avatar-orange{background:#463126;color:#ffd5b1}.avatar-pink{background:#45253d;color:#ffc4e5}.availability{font-size:8px;color:#aaa4b0;display:flex;align-items:center;gap:5px;margin-top:5px}.availability i{width:4px;height:4px}.talent-card h3{font:700 15px var(--display);margin-bottom:5px}.talent-role{font-size:10px;color:#b49aff;margin-bottom:13px}.talent-about{font-size:10px;line-height:1.7;color:#9993a0;min-height:52px;margin-bottom:14px}.talent-skills{min-height:49px;align-content:flex-start}.talent-skills span{font-size:8px;padding:5px 6px}.talent-footer{border-top:1px solid #29252f;padding-top:13px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#77717e;font-size:8px}.icon-button{border:1px solid #41334f;background:#211a2b;color:#c9b7f8;width:27px;height:27px;border-radius:7px}.demo-note{font-size:9px;color:#6f6978;margin:18px 0 0}.empty-state{text-align:center;padding:50px 15px;color:#aaa4b0}.empty-state>span{font-size:30px;color:#a78bfa}.empty-state h3{font:700 17px var(--display);color:white;margin:12px 0 8px}.empty-state p{font-size:11px}.hidden{display:none!important}.company-banner{margin:0 10% 100px;padding:65px 7%;border:1px solid #49345f;border-radius:20px;background:linear-gradient(115deg,#1d1727 0%,#121016 65%,#171121 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:330px}.banner-glow{position:absolute;width:320px;height:320px;right:15%;top:-140px;background:#7c3aed;filter:blur(100px);opacity:.18}.banner-content{position:relative;z-index:2}.banner-content h2{margin-bottom:16px}.banner-content>p{font-size:12px;color:#a59eaf;line-height:1.8;max-width:440px;margin-bottom:23px}.banner-symbol{font:800 100px var(--display);letter-spacing:-10px;color:#f3eaff0b;position:absolute;right:7%;top:50%;transform:translateY(-50%)}.banner-symbol span{font-size:28px;color:#b79bff55;vertical-align:top}.final-cta{text-align:center;padding:35px 20px 100px;position:relative;overflow:hidden}.cta-orb{position:absolute;width:340px;height:180px;left:50%;top:0;transform:translateX(-50%);background:#7c3aed;filter:blur(100px);opacity:.18;pointer-events:none}.final-cta .section-kicker,.final-cta h2,.final-cta button,.final-cta p{position:relative}.final-cta h2{font-size:clamp(38px,5vw,58px);margin-bottom:25px}.final-cta p{font-size:10px;color:#6f6978;margin:20px 0 0}.footer{padding:27px 6.5%;border-top:1px solid #25222b;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer>span{font-size:10px;color:#77717e}.footer>div{display:flex;gap:20px;margin-left:auto;font-size:10px;color:#a19ba9}.footer small{width:100%;font-size:8px;color:#5f5967;margin-top:5px}.action-dialog{width:min(92vw,440px);background:#121116;color:white;border:1px solid #49365f;border-radius:18px;padding:30px;box-shadow:0 25px 100px #000b;position:fixed;margin:auto}.action-dialog::backdrop{background:#030204c9;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:#aaa4b0;font-size:25px}.dialog-mark{width:40px;height:40px;display:grid;place-items:center;background:#261b35;border:1px solid #4c3668;border-radius:12px;color:#d2bcff;font-size:20px;margin-bottom:20px}.action-dialog h2{font:700 25px/1.2 var(--display);letter-spacing:-.7px;margin:12px 0}.action-dialog>p{font-size:12px;line-height:1.8;color:#aaa4b0}.action-dialog form{display:flex;flex-direction:column;gap:8px;margin-top:18px}.action-dialog label{font-size:10px;color:#b8b1c2;margin-top:5px}.action-dialog input,.action-dialog select{width:100%;padding:13px}.dialog-submit{margin-top:10px;width:100%}.action-dialog .dialog-small{font-size:9px;color:#6f6978;margin:16px 0 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;background:#211a2b;border:1px solid #584071;color:#e5d9ff;padding:12px 18px;border-radius:10px;font-size:11px;transition:all .25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.hero{padding-left:7%;padding-right:7%;gap:2%}.section{padding-left:7%;padding-right:7%}.talent-grid{grid-template-columns:repeat(2,1fr)}.hero-bottom-line{left:7%;right:7%}.stats-strip{margin:0 7%}.company-banner{margin-left:7%;margin-right:7%}.nav-links{gap:20px}}
@media(max-width:760px){.topbar{height:68px;padding:0 5%}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:18px 5%;background:#111014;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav-links.open{display:flex}.nav-actions .button-ghost{display:none}.nav-actions>.button-primary{padding:10px 12px;font-size:10px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:75px 6% 60px;gap:25px}.hero-copy{max-width:600px}h1{font-size:clamp(48px,12vw,70px);letter-spacing:-3px}.hero-description{font-size:14px}.hero-visual{min-height:410px;margin:0 5px}.glass-card{max-width:360px}.orbit-a{width:330px;height:260px}.orbit-b{width:370px;height:300px}.tag-top{right:-5px;top:25px}.tag-bottom{left:-2px;bottom:23px}.hero-bottom-line{bottom:18px;left:6%;right:6%;font-size:7px}.stats-strip{margin:0 6%;grid-template-columns:1fr;gap:15px;padding:20px 0}.stats-strip div{gap:14px}.section{padding:75px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:27px}.section-heading h2,.banner-content h2{font-size:34px}.section-heading>p{max-width:400px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:225px}.step-icon{margin:24px 0 17px}.talent-section{padding-top:0}.search-panel{flex-wrap:wrap}.search-input-wrap{flex-basis:100%;padding:8px 8px 12px}.search-panel select{flex:1;max-width:none}.search-panel>.button{flex:1}.talent-grid{grid-template-columns:1fr 1fr;gap:9px}.talent-card{padding:13px}.talent-card-top{flex-direction:column;gap:8px}.talent-about{min-height:68px}.company-banner{margin:0 6% 70px;padding:40px 7%;min-height:350px}.banner-symbol{right:5%;top:25%;font-size:75px}.banner-content{max-width:100%}.banner-content>p{max-width:320px}.final-cta{padding:20px 15px 75px}.footer{padding:25px 6%;gap:15px}.footer>span{order:3;width:100%}.footer>div{margin-left:auto}.footer small{order:4}.action-dialog{padding:25px 22px}}
@media(max-width:390px){.brand{font-size:15px}.nav-actions>.button-primary{gap:6px}.hero-actions .button{flex:1}.hero-visual{min-height:390px}.glass-card{padding:17px}.floating-tag{font-size:9px;padding:10px}.talent-grid{grid-template-columns:1fr}.talent-card-top{flex-direction:row}.talent-about{min-height:auto}.talent-skills{min-height:auto}.search-panel select{font-size:10px;padding:10px 6px}.search-panel>.button{padding:10px}.footer>div{gap:12px}.footer>div a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* OPENWORLD visual upgrade: richer atmosphere and clean iPhone iconography */
.hero{isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 37%,rgba(116,65,207,.13),transparent 37%),radial-gradient(ellipse at 10% 75%,rgba(77,47,130,.10),transparent 34%);pointer-events:none}
.hero-visual{isolation:isolate}
.visual-art{position:absolute;width:440px;height:440px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}
.art-core{position:absolute;width:190px;height:190px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);border-radius:42px;border:1px solid #bda4ff55;background:linear-gradient(145deg,#8b5cf62a,#130e20a8 65%);box-shadow:inset 0 0 45px #a78bfa12,0 0 90px #8b5cf622;display:grid;place-items:center;overflow:hidden}
.art-core:before,.art-core:after{content:"";position:absolute;border:1px solid #c4b5fd24;border-radius:50%;width:260px;height:260px}
.art-core:after{width:320px;height:320px}
.art-core span{font:800 48px var(--display);letter-spacing:-5px;color:#d9c9ff;opacity:.76;text-shadow:0 0 38px #a78bfa77}
.art-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:#e9ddff;box-shadow:0 0 22px 7px #a78bfa99;top:28px;right:32px}
.art-ring{position:absolute;border:1px solid #a78bfa26;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}
.ring-one{width:390px;height:205px}.ring-two{width:315px;height:370px;transform:translate(-50%,-50%) rotate(39deg);border-color:#8b5cf622}
.art-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#c4b5fd;border:3px solid #211630;box-shadow:0 0 20px #8b5cf6aa}
.node-one{top:65px;right:91px}.node-two{bottom:82px;left:69px;width:8px;height:8px}.node-three{top:116px;left:61px;width:6px;height:6px}
.art-caption{position:absolute;bottom:29px;right:38px;font-size:8px;letter-spacing:2px;color:#a995d3;opacity:.72}
.hero-visual .glass-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,rgba(29,25,37,.94),rgba(13,12,17,.96));border-color:#8d6bc54d}
.hero-visual .floating-tag{box-shadow:0 14px 40px #0007,0 0 28px #8b5cf617}
.hero-visual .tag-top{right:-1px}
.section{position:relative}
.step-card,.talent-card{box-shadow:0 12px 45px #00000016}
.talent-card{background:radial-gradient(ellipse at 100% 0%,#8b5cf60b,transparent 60%),linear-gradient(155deg,#151319,#100f13)}
.button-arrow,.arrow-icon,.arrow-right,.project-arrow{display:inline-block;width:8px;height:8px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);flex:0 0 auto}
.arrow-right{transform:rotate(45deg)}
.project-arrow{margin-left:auto;color:#a78bfa}
.mini-arrow{display:inline-block;width:6px;height:6px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}
.menu-toggle{width:38px;height:36px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.menu-toggle span{display:block;width:15px;height:1.5px;background:#e9e4f2;border-radius:2px}
.menu-toggle.is-open span:first-child{transform:translateY(5.5px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
@media(max-width:760px){
 .visual-art{width:350px;height:350px}.art-core{width:145px;height:145px;border-radius:34px}.art-core span{font-size:38px}.ring-one{width:310px;height:170px}.ring-two{width:260px;height:300px}.art-caption{right:20px;bottom:20px;font-size:7px}
 .menu-toggle{display:flex}
 .nav-actions>.button-primary{max-width:155px}
 .hero-visual{overflow:visible}
}
@media(max-width:390px){.visual-art{width:300px;height:300px}.art-core{width:125px;height:125px}.ring-one{width:275px;height:145px}.ring-two{width:220px;height:265px}.art-caption{display:none}}

/* OPENWORLD account and profile dialogs */
.hidden{display:none!important}
.auth-dialog input,.profile-dialog input,.profile-dialog textarea{width:100%;box-sizing:border-box;background:#1a171f;border:1px solid #38313f;border-radius:8px;color:#f5f2fa;padding:13px;font:inherit;font-size:12px;outline:none}
.profile-dialog textarea{resize:vertical;min-height:84px}
.auth-dialog form,.profile-dialog form{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.auth-dialog label,.profile-dialog label{font-size:10px;color:#b8b1c2;margin-top:5px}
.auth-dialog input:focus,.profile-dialog input:focus,.profile-dialog textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}
.google-button{width:100%;margin-top:12px}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px;flex-wrap:wrap}
.auth-links button{background:none;border:0;color:#c7b4ff;font-size:11px;text-decoration:underline}
.dialog-small{overflow-wrap:anywhere}
.message-error{color:#ff9eac!important}
.profile-edit-avatar{display:flex;align-items:center;justify-content:center;margin:16px auto;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#2a2037;border:1px solid #5b427e;color:#d7c4ff;font-weight:800;font-size:24px}
.profile-edit-avatar img{width:100%;height:100%;object-fit:cover}
.upload-label{display:block;text-align:center!important;margin:8px 0}
.profile-dialog input[type=file]{font-size:10px;padding:9px}
.role-badge{display:inline-flex;align-self:flex-start;background:#2a2037;border:1px solid #5b427e;border-radius:999px;padding:8px 12px;color:#d7c4ff;font-size:10px;letter-spacing:.6px;margin:8px 0 0}
button:disabled{opacity:.6;cursor:wait;transform:none}
@media(max-width:760px){.nav-actions{gap:6px}.nav-actions>.button-primary{max-width:145px}.nav-actions #profileBtnTop,.nav-actions #logoutBtn{font-size:10px;padding:9px 10px}.auth-links{flex-direction:column;align-items:flex-start}}

/* OPENWORLD account and profile dialogs */
.hidden{display:none!important}
.auth-dialog input,.profile-dialog input,.profile-dialog textarea{width:100%;box-sizing:border-box;background:#1a171f;border:1px solid #38313f;border-radius:8px;color:#f5f2fa;padding:13px;font:inherit;font-size:12px;outline:none}
.profile-dialog textarea{resize:vertical;min-height:84px}
.auth-dialog form,.profile-dialog form{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.auth-dialog label,.profile-dialog label{font-size:10px;color:#b8b1c2;margin-top:5px}
.auth-dialog input:focus,.profile-dialog input:focus,.profile-dialog textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}
.google-button{width:100%;margin-top:12px}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:15px;flex-wrap:wrap}
.auth-links button{background:none;border:0;color:#c7b4ff;font-size:11px;text-decoration:underline}
.dialog-small{overflow-wrap:anywhere}
.message-error{color:#ff9eac!important}
.profile-edit-avatar{display:flex;align-items:center;justify-content:center;margin:16px auto;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#2a2037;border:1px solid #5b427e;color:#d7c4ff;font-weight:800;font-size:24px}
.profile-edit-avatar img{width:100%;height:100%;object-fit:cover}
.upload-label{display:block;text-align:center!important;margin:8px 0}
.profile-dialog input[type=file]{font-size:10px;padding:9px}
.role-badge{display:inline-flex;align-self:flex-start;background:#2a2037;border:1px solid #5b427e;border-radius:999px;padding:8px 12px;color:#d7c4ff;font-size:10px;letter-spacing:.6px;margin:8px 0 0}
button:disabled{opacity:.6;cursor:wait;transform:none}
@media(max-width:760px){.nav-actions{gap:6px}.nav-actions>.button-primary{max-width:145px}.nav-actions #profileBtnTop,.nav-actions #logoutBtn{font-size:10px;padding:9px 10px}.auth-links{flex-direction:column;align-items:flex-start}}

.auth-notice{margin-top:18px;padding:18px;border:1px solid #a78bfa;background:linear-gradient(145deg,#261b37,#17121f);border-radius:12px;box-shadow:0 0 0 3px #8b5cf622,0 10px 30px #0005}
.auth-notice strong{display:block;color:#f0e9ff;font-size:14px;line-height:1.4;margin-bottom:8px}
.auth-notice p{font-size:12px;line-height:1.7;color:#d0c4e4;margin:0 0 12px;overflow-wrap:anywhere}
.auth-notice .button{width:100%;font-size:11px}
.mfa-section{margin:18px 0;padding:16px;border:1px solid #5b427e;border-radius:12px;background:#1b1525}
.mfa-section h3{font-size:14px;margin:0 0 8px}
.mfa-section>p{font-size:11px;line-height:1.7;color:#bfb4d0}
.mfa-section button{width:100%;margin-top:10px}
#mfaQr{display:block;width:min(100%,220px);margin:14px auto;background:#fff;padding:10px;border-radius:10px}
#mfaCode{text-align:center;font-size:20px;letter-spacing:7px}