:root{color-scheme:dark;--bg:#090a0e;--panel:#141720;--panel2:#1b1c26;--line:#373039;--gold:#ffbf72;--warm:#ff992a;--txt:#f9f5ef;--muted:#aeb0b8;--warn:#ffb9b0;--good:#8ee6b2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -15%,#6b300d24,transparent 40%),var(--bg);color:var(--txt);font:15px/1.65 'Segoe UI',Tahoma,Arial,sans-serif;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,select,textarea{color-scheme:dark}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{border-bottom:1px solid #373036;background:#090a0ddd;backdrop-filter:blur(12px)}.topinner{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:16px;display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:1px;direction:ltr}.wordmark em{font-style:normal;color:var(--gold)}.glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--gold);background:#382317;border:1px solid #6b4327;font-size:23px}.topnote,.account-mini{color:#bab5b3;font-size:13px}.account-mini{display:flex;align-items:center;gap:14px}.linkish{border:none;background:none;color:var(--gold);padding:8px}.welcome{padding:90px 0 75px;display:grid;grid-template-columns:1fr 1.08fr;gap:65px;align-items:center}.overline{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:9px}.overline i{width:8px;height:8px;border-radius:99px;background:var(--warm);box-shadow:0 0 19px var(--warm)}h1,h2,h3,p{margin-top:0}.welcome h1{font-size:clamp(42px,5.8vw,74px);line-height:1.14;letter-spacing:-1.8px;margin:20px 0 18px}.shine{background:linear-gradient(95deg,#ffe2a8,#ff9526);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome p{font-size:16px;color:#bfbbc0;line-height:1.9;max-width:530px}.btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:12px;padding:12px 22px;min-height:47px;font-weight:800;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.09);transform:translateY(-1px)}.prime{background:linear-gradient(105deg,#ffe0a6,#ff9828);box-shadow:0 12px 28px #f8831e27;color:#21160c}.btn-lg{padding:16px 28px;margin-top:10px;font-size:16px}.secondary{background:#23242e;color:#fff;border:1px solid #49414a}.discord{font-size:24px;color:#41466b}.privacy-line{font-size:12px;color:#9b9b9e;margin-top:18px}.welcome-visual{min-width:0;position:relative;background:linear-gradient(135deg,#25170e,#100d0e);border:1px solid #79502d;padding:7px;border-radius:23px;box-shadow:0 27px 65px #0009}.welcome-visual:before{content:'';position:absolute;inset:15%;background:#f18420;filter:blur(66px);opacity:.18;z-index:-1}.welcome-visual img{display:block;width:100%;height:auto;aspect-ratio:1.78;object-fit:cover;border-radius:16px;image-rendering:auto}.welcome-visual span{position:absolute;bottom:14px;left:15px;color:#ffe1a8;font-size:10px;letter-spacing:2px;background:#0d0e11a0;padding:4px 9px;border-radius:6px}.below{padding-bottom:65px}.center-intro{text-align:center;margin-bottom:27px}.center-intro .overline{justify-content:center}.center-intro h2{font-size:clamp(27px,3.6vw,39px);margin:13px 0}.flowcards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.flowcards article{padding:24px;background:linear-gradient(148deg,#17171e,#121620);border-radius:18px;border:1px solid #39313a}.flowcards b{color:var(--gold);font-size:13px}.flowcards h3{font-size:20px;margin:12px 0}.flowcards p{color:#b0adb2;font-size:13px;line-height:1.8;margin:0}.footer{border-top:1px solid #302b30;padding:25px 0;display:flex;justify-content:space-between;color:#98969b;font-size:12px;gap:16px}.footer span:first-child{color:#e2b27b;font-weight:800;letter-spacing:1px}.auth-warning,.alert{padding:11px 14px;border-radius:10px;background:#3a2424;border:1px solid #8f4c4b;color:#ffb7b0;margin-top:17px}.alert.success{background:#18382a;border-color:#376e4b;color:#acffcf}.landing .footer{margin-top:20px}.portal{padding:44px 0 80px;min-height:75vh}.state-card,.card,.choice{border-radius:18px;border:1px solid #3b343a;background:linear-gradient(145deg,#181a23,#11151c)}.state-card{padding:35px;color:#e6c494}.dotpulse{display:inline-block;background:#ffad41;width:8px;height:8px;border-radius:50%;margin-left:8px}.textlink,.back{color:var(--gold)}.pagehero{margin-bottom:32px}.pagehero h1{font-size:clamp(30px,4vw,49px);margin:13px 0 6px}.pagehero p,.section-title p{color:var(--muted);font-size:14px}.tabrow{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 25px;border-bottom:1px solid #302c31;margin-bottom:29px}.tabrow button{background:#1a1b26;border:1px solid #333540;color:#e0d8d6;border-radius:99px;padding:9px 17px;font-size:13px}.tabrow button.active{border-color:#bd7a32;color:#ffcb84;background:#402712}.section-title{margin-bottom:24px}.section-title h2{font-size:clamp(25px,3vw,35px);margin:7px 0 7px}.section-title .back{background:transparent;border:0;padding:0 0 8px;font-size:13px}.choicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice{display:block;text-align:right;padding:27px;min-height:190px;cursor:pointer;color:var(--txt);transition:border .2s,transform .2s}.choice:hover{border-color:#be8140;transform:translateY(-2px)}.choice .symbol{display:grid;place-items:center;background:#432918;border:1px solid #81532e;color:#ffbb67;font-size:24px;width:45px;height:45px;border-radius:13px}.choice h3{margin:18px 0 7px;font-size:19px}.choice p{font-size:13px;color:#b0acb2;margin:0}.form-card{padding:26px;max-width:870px}.card h3{font-size:17px;margin:3px 0 18px}form label,.detailbox label{display:block;font-size:13px;font-weight:700;margin:0 0 17px}label .sub{font-weight:400;color:#9e9eab}input,textarea,select{width:100%;display:block;margin-top:8px;background:#0e121a;border:1px solid #42404b;border-radius:11px;padding:13px 14px;color:var(--txt);outline:none;min-height:47px}textarea{resize:vertical;min-height:125px;line-height:1.8}input:focus,textarea:focus,select:focus{border-color:#d99542;box-shadow:0 0 0 2px #ffac401b}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formfooter{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fineprint,small{color:#a49fa6;font-size:12px}.liststack{display:grid;gap:10px}.request-item{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:right;background:#171923;border:1px solid #37313b;border-radius:13px;padding:18px;color:var(--txt)}.request-item:hover{border-color:#a66f3b}.request-item h3{margin:0 0 5px;font-size:16px}.request-item small{display:block}.tag{font-size:12px;color:#ffc47d;background:#382514;border:1px solid #7e5130;padding:6px 11px;border-radius:99px;display:inline-block;width:max-content}.twocol{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:start}.detailbox,.chatbox{padding:25px;min-width:0}.detail-fields{display:grid;gap:14px}.detail-field{border-bottom:1px solid #34313a;padding-bottom:11px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-field strong{display:block;color:#ffb76d;font-size:12px;margin-bottom:5px}.messages{max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.msg{border:1px solid #37313d;border-radius:12px;padding:12px;background:#0f131d;overflow-wrap:anywhere;white-space:pre-wrap}.msg.own{border-color:#715236;background:#241e1a}.msg header{display:flex;justify-content:space-between;gap:10px;color:#ffb96b;font-size:11px;margin-bottom:6px}.msg p{margin:0;font-size:13px;line-height:1.8}.divider{border-top:1px solid #4d4140;margin:24px 0}.rolelist{margin-top:16px;display:grid;gap:8px}.role-row{padding:10px 12px;background:#11141b;border-radius:9px;border:1px solid #37333d;font-size:12px}.role-row b{color:#ffbb74}.auth-warning[hidden],.view[hidden],[hidden]{display:none!important}@media(max-width:820px){.welcome{grid-template-columns:1fr;gap:35px;padding:57px 0}.welcome h1{font-size:clamp(38px,9vw,56px)}.welcome-visual{max-width:650px}.flowcards{grid-template-columns:1fr}.choicegrid{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:570px){.wrap{width:calc(100% - 28px)}.topnote{display:none}.welcome{padding-top:45px}.welcome p{font-size:14px}.btn-lg{width:100%}.footer{flex-direction:column;text-align:center}.fieldrow,.choicegrid{grid-template-columns:1fr}.form-card,.detailbox,.chatbox{padding:19px}.pagehero h1{font-size:31px}.choice{min-height:150px}.account-mini{font-size:12px}.wordmark{font-size:13px}.request-item{flex-wrap:wrap}.formfooter .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* FUTUREIL V4 - original graphic and compact hero */
.welcome-visual{overflow:hidden;min-height:300px;background:radial-gradient(ellipse at center,#d16a1b5e 0%,#321907 42%,#0b0b0e 83%);display:flex;align-items:center;justify-content:center;}
.welcome-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 15%,#f99d1624 15% 15.4%,transparent 16%),linear-gradient(65deg,transparent 0 83%,#f99d1629 83% 83.5%,transparent 84%);pointer-events:none;}
.actual-brand{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:285px;}
.actual-brand>img{position:relative;z-index:2;width:min(72%,400px);height:auto;aspect-ratio:1.2;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 9px 18px #0009);border-radius:0;}
.actual-brand>.brand-halo{position:absolute;inset:14% 9%;border-radius:50%;background:#ef8c2d33;filter:blur(58px);pointer-events:none;}
.welcome-visual>span{z-index:4}
@media(max-width:570px){.welcome-visual{min-height:240px}.actual-brand{min-height:226px}.actual-brand>img{width:min(78%,300px)}}
