@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#f7f5ff;--muted:#aaa6ba;--green:#8568f7;--deep:#110e22;--line:#ffffff1a;--pale:#8568f72b}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden;background:radial-gradient(circle at 8% 4%,#7957f13d,transparent 34%),radial-gradient(circle at 94% 14%,#47cbd01f,transparent 28%),linear-gradient(145deg,#080711,#0e0b1d 50%,#080712);background-attachment:fixed}body:before{content:"";position:fixed;z-index:-1;width:34rem;height:34rem;top:-18rem;left:-12rem;border:1px solid #a995ff2b;border-radius:50%;box-shadow:inset 0 0 120px #8667ff14;animation:aurora 14s ease-in-out infinite alternate}
.shell{width:min(1480px,100%);margin:auto;padding:20px clamp(18px,3vw,48px) 40px}.top{position:sticky;top:14px;z-index:20;min-height:68px;margin:0 0 24px;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:21px;background:#0d0b1bbb;box-shadow:0 16px 50px #0006;backdrop-filter:blur(24px) saturate(145%)}.brand{gap:12px;color:#fff;font:800 19px Manrope;letter-spacing:-.055em}.brand>span{color:#f1cf9e!important}.mark{width:42px;height:42px;color:#fff;border:1px solid #ffffff33;border-radius:14px;background:linear-gradient(145deg,#9a82ff,#6241ed);box-shadow:0 9px 26px #6949f25c,inset 0 1px #ffffff59;animation:float 5s ease-in-out infinite}.badge{color:#dcd4ff;border:1px solid #a995ff38;background:#8667ff1a;letter-spacing:.12em}.tabs{padding:4px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff0b}.tabs button{min-height:39px;padding:8px 15px;color:#aaa6ba;border:0;border-radius:10px;background:transparent;transition:.25s}.tabs button:hover{color:#fff}.tabs button.active{color:#fff;background:linear-gradient(135deg,#987cff,#6546df);box-shadow:0 8px 24px #5f40d94d}
.view.active{animation:rise .45s cubic-bezier(.22,1,.36,1)}.layout{grid-template-columns:minmax(270px,.88fr) minmax(410px,1.34fr) minmax(260px,.82fr);gap:18px}.panel{position:relative;border:1px solid #ffffff1c;border-radius:26px;background:linear-gradient(145deg,#1e1a34d9,#110f20c7);box-shadow:0 30px 90px #0007,inset 0 1px #ffffff14;backdrop-filter:blur(25px) saturate(130%)}.panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff0e,transparent 27%,transparent 72%,#8d71ff0a);pointer-events:none}.panel>*{position:relative;z-index:1}
.intro{min-height:640px;padding:clamp(27px,3vw,42px);background:radial-gradient(circle at 12% 0,#a58bff47,transparent 38%),radial-gradient(circle at 100% 86%,#76d7df1f,transparent 31%),linear-gradient(155deg,#231d44f2,#0f0d1ef0)}.eyebrow{color:#f1cf9e;font:800 10px Manrope;letter-spacing:.18em}.intro h1,.opshead h2{color:#fff;font-family:Manrope;font-weight:600;letter-spacing:-.055em}.intro h1{margin:20px 0;font-size:clamp(38px,4vw,59px);line-height:.98;text-wrap:balance}.intro p{color:#b8b4c9;line-height:1.72}.pill{color:#d8d2ec;border-color:#ffffff1c;background:#ffffff0e;transition:.2s}.pill:hover{border-color:#a995ff59;background:#8667ff1c;transform:translateY(-2px)}.steps{border-top-color:#ffffff1a}.step{color:#c3bfd2}.num{color:#efeaff;background:#8667ff29}
.chathead{min-height:76px;border-bottom-color:#ffffff14;background:#ffffff06}.chathead b{font-family:Manrope}.boticon{color:#fff;background:linear-gradient(145deg,#9278ff,#6040dc);box-shadow:0 10px 28px #6445e44d}.sub{color:var(--muted)}.online{color:#78e0c0}.messages{height:455px;padding:22px 18px;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),#07060f57;background-size:32px 32px;scrollbar-color:#a995ff4d transparent}.msg{color:#dedbea;line-height:1.55;animation:rise .35s}.bot{border-color:#ffffff17;background:#ffffff11;box-shadow:0 8px 24px #0002}.user{color:#fff;background:linear-gradient(135deg,#8465f5,#6546da);box-shadow:0 9px 25px #5e3dd833}.card{color:#d7d3e3;border-color:#a995ff30;background:linear-gradient(145deg,#49397857,#1f1a36d9);box-shadow:0 13px 36px #0003}.card strong,.tool b{color:#f1cf9e}.mini{color:#aaa6ba}.quick{border-top:1px solid #ffffff0d;background:#0807102e;scrollbar-width:none}.quick button{color:#c7c1db;border-color:#ffffff1a;background:#ffffff0b;transition:.2s}.quick button:hover{color:#fff;border-color:#a995ff52;background:#8667ff21;transform:translateY(-2px)}
.compose{border-top:0;background:#08071033}.compose input,.verify input,.select{color:#f4f1ff;border-color:#ffffff1a;outline:none;background:#ffffff0e;transition:.2s}.compose input{min-width:0;min-height:46px}.compose input::placeholder{color:#777287}.compose input:focus,.verify input:focus,.select:focus{border-color:#a995ff94;box-shadow:0 0 0 4px #8667ff1c}.compose button,.action{color:#fff;background:linear-gradient(135deg,#9277ff,#6544de);box-shadow:0 10px 28px #5b3bd347,inset 0 1px #ffffff3d;transition:.2s}.compose button:hover,.action:hover{filter:brightness(1.08);transform:translateY(-2px)}
.side{padding:22px}.side h3{color:#fff;font-family:Manrope}.side p{color:#a7a3b6}.verify{border:1px solid #f1cf9e26;background:linear-gradient(145deg,#f1cf9e12,#ffffff06)}.verify label{color:#d9d3e6}.note{color:#777386}.tool{position:relative;color:#b8b4c7;border-color:#ffffff14;background:#ffffff0a;animation:rise .35s}.tool:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:2px;background:linear-gradient(#967cff,#76d7df)}.stat{color:#aaa6b8;border:1px solid #ffffff12;background:#ffffff09}.stat strong{color:#fff;font-family:Manrope}
.ops{max-width:1120px}.ops .panel{padding:clamp(22px,4vw,42px)}.opshead h2{font-size:clamp(30px,4vw,46px)}.opshead .eyebrow{color:#f1cf9e!important}.table{border-color:#ffffff14;background:#07060e3d}.row{color:#c9c5d4;border-bottom-color:#ffffff12}.row:not(.thead):hover{background:#8667ff0e}.thead{color:#8d889c;background:#ffffff09}.select option{color:#171322}.empty{color:#898596}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes aurora{to{transform:translate(3vw,2vh) scale(1.08)}}
@media(max-width:1120px){.layout{grid-template-columns:minmax(260px,.85fr) minmax(410px,1.35fr)}.side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.side>h3,.side>p{grid-column:1/-1}}
@media(max-width:760px){.shell{padding:10px 10px 28px}.top{top:7px;flex-wrap:wrap;padding:10px;gap:10px}.brand{flex:1}.badge{display:none}.tabs{order:3;width:100%}.tabs button{flex:1}.layout{grid-template-columns:1fr}.intro{min-height:auto;padding:27px 22px}.intro h1{font-size:clamp(36px,12vw,52px)}.messages{height:430px}.side{grid-column:auto;grid-template-columns:1fr}.side>h3,.side>p{grid-column:auto}.opshead{align-items:stretch;flex-direction:column}.action{width:100%}.row{grid-template-columns:1fr 1fr}.row span:nth-child(2){grid-column:1/-1}}
@media(max-width:430px){.brand{font-size:17px}.tabs button{padding-inline:8px;font-size:12px}.intro h1{font-size:38px}.messages{height:390px;padding:16px 12px}.msg{max-width:91%}.side{padding:18px}.ops .panel{padding:18px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}