:root{
  --bg:#07070a;
  --bg2:#0b0b10;
  --card:rgba(255,255,255,.04);
  --card2:rgba(255,255,255,.06);
  --border:rgba(255,255,255,.10);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.64);
  --gold:#7c3aed;
  --gold2:#d946ef;
  --violet:var(--gold);
  --violet2:var(--gold2);
  --topoGif:none;
  --shadow:0 12px 36px rgba(0,0,0,.55);
  --ring:0 0 0 1px rgba(217,70,239,.40), 0 14px 54px rgba(124,58,237,.22);
  --radius:18px;
  --radius2:22px;
  --font:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --mx:50%;
  --my:40%;
 }

[data-theme="light"]{
  --bg:#f6f2e8;
  --bg2:#ffffff;
  --card:rgba(0,0,0,.04);
  --card2:rgba(0,0,0,.06);
  --border:rgba(0,0,0,.10);
  --text:rgba(10,10,12,.92);
  --muted:rgba(10,10,12,.64);
  --shadow:0 14px 34px rgba(0,0,0,.14);
}

 *{box-sizing:border-box}
 html,body{height:100%}
 body{margin:0;font-family:var(--font);background:radial-gradient(1200px 700px at 30% 10%, rgba(124,58,237,.14), transparent 60%), radial-gradient(1000px 700px at 70% 30%, rgba(217,70,239,.10), transparent 60%), var(--bg);color:var(--text);overflow-x:hidden}
 img,video{display:block;max-width:100%}
 a{color:inherit;text-decoration:none}

 .container{width:min(1120px,92vw);margin:0 auto}
 
 .ytbg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:var(--bg)}
 .ytbg::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 30% 10%, rgba(124,58,237,.22), transparent 60%), radial-gradient(900px 520px at 70% 30%, rgba(217,70,239,.16), transparent 60%), rgba(0,0,0,.62);mix-blend-mode:normal}
 .ytbg iframe,.ytbg video{position:absolute;inset:0;width:100%;height:100%;border:0;transform:none;object-fit:cover;filter:saturate(1.05) contrast(1.02) brightness(.78)}

 .bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
 .bg::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 360px at var(--mx) var(--my), rgba(217,70,239,.10), transparent 62%), radial-gradient(420px 320px at calc(var(--mx) + 12%) calc(var(--my) + 12%), rgba(124,58,237,.12), transparent 62%);opacity:.84;transition:opacity .2s ease}
 .bg::after{content:"";position:absolute;inset:-2px;opacity:.14;mix-blend-mode:screen;background-image:var(--topoGif), repeating-radial-gradient(circle at 20% 18%, rgba(217,70,239,.16) 0 1px, transparent 1px 12px), repeating-radial-gradient(circle at 78% 72%, rgba(124,58,237,.12) 0 1px, transparent 1px 14px), repeating-radial-gradient(circle at 52% 42%, rgba(255,255,255,.08) 0 1px, transparent 1px 18px);background-size:cover, 1200px 900px, 1300px 980px, 1500px 1100px;background-position:center, 0 0, 0 0, 0 0;background-repeat:no-repeat, repeat, repeat, repeat;filter:blur(.2px);transform:translate3d(0,0,0);animation:pattern-drift 22s linear infinite;mask-mode:alpha;mask-image:radial-gradient(circle at 50% 40%, rgba(255,255,255,1), transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 40%, rgba(255,255,255,1), transparent 72%)}
 .bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:52px 52px;opacity:.12;mask-mode:alpha;mask-image:radial-gradient(circle at 50% 40%, rgba(255,255,255,1), transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 40%, rgba(255,255,255,1), transparent 72%);animation:grid-drift 18s linear infinite}
 .bg__orb{position:absolute;width:540px;height:540px;border-radius:50%;filter:blur(40px);opacity:.35;mix-blend-mode:screen}
 .bg__orb--a{left:-140px;top:-120px;background:radial-gradient(circle at 30% 30%, rgba(124,58,237,.56), rgba(217,70,239,.22), transparent 65%);animation:orb-float-a 12s ease-in-out infinite}
 .bg__orb--b{right:-170px;top:140px;background:radial-gradient(circle at 30% 30%, rgba(217,70,239,.46), rgba(124,58,237,.16), transparent 66%);animation:orb-float-b 14s ease-in-out infinite}
 .bg__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:overlay}

 @keyframes orb-float-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(24px,18px) scale(1.03)}}
 @keyframes orb-float-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-22px,-16px) scale(1.04)}}
 @keyframes grid-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,8px,0)}100%{transform:translate3d(0,0,0)}}
 @keyframes pattern-drift{0%{transform:translate3d(0,0,0) scale(1);background-position:center, 0 0, 0 0, 0 0}50%{transform:translate3d(-18px,12px,0) scale(1.02);background-position:center, 120px 60px, -140px -80px, 80px -40px}100%{transform:translate3d(0,0,0) scale(1);background-position:center, 0 0, 0 0, 0 0}}

.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(to bottom, rgba(0,0,0,.70), rgba(0,0,0,.18));backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}

 .topbar__progress{height:2px;background:rgba(255,255,255,.08);overflow:hidden}
 .topbar__progressFill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet2),var(--violet));box-shadow:0 0 22px rgba(217,70,239,.22);transition:width .08s linear}
 .topbar__progress.is-hidden{display:none}

.brand{display:flex;align-items:baseline;gap:10px;min-width:0}
 .brand__mark{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--violet2),var(--violet));box-shadow:0 0 0 1px rgba(255,255,255,.10), 0 16px 40px rgba(124,58,237,.26)}
 .brand__name{font-weight:900;letter-spacing:-.35px}
 .brand__role{font-weight:700;color:var(--muted);font-size:12px}

.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav a{padding:9px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted);font-weight:800;font-size:13px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.nav a:hover{color:var(--text);border-color:var(--border);background:rgba(255,255,255,.04)}
.nav a[data-active]{color:var(--text);border-color:rgba(109,40,217,.35);box-shadow:var(--ring)}
.nav__cta{color:rgba(10,10,12,.92)!important;background:linear-gradient(135deg,var(--violet2),var(--violet));border-color:rgba(255,255,255,.14)!important}
.nav__cta:hover{filter:brightness(1.02)}

.actions{display:flex;align-items:center;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-weight:850;font-size:12px;transition:transform .12s ease,background .2s ease}
.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.chip__icon{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10)}

.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding:22px 0 8px}
.hero__left,.hero__right{min-width:0}

 .pill{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(217,70,239,.24);background:rgba(124,58,237,.08);padding:8px 12px;border-radius:999px;color:rgba(217,70,239,.92);font-weight:850;font-size:12px}
 .pill__dot{width:8px;height:8px;border-radius:999px;background:var(--violet2);box-shadow:0 0 0 4px rgba(217,70,239,.12)}

.hero__title{margin:12px 0 0;font-size:44px;line-height:1.03;letter-spacing:-1.0px}
.hero__lead{margin:12px 0 0;color:var(--muted);line-height:1.7;font-weight:600}

.hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);font-weight:900;font-size:13px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.btn--primary{color:rgba(10,10,12,.92);background:linear-gradient(135deg,var(--violet2),var(--violet));border-color:rgba(255,255,255,.14);box-shadow:var(--ring)}
.btn--ghost{background:transparent;border-color:rgba(109,40,217,.22);color:rgba(168,85,247,.92)}
.btn--small{padding:9px 10px;border-radius:11px;font-size:12px}

.btn,.chip,.card,.frame,.window{position:relative;overflow:hidden}
 .btn::after,.chip::after,.card::after,.frame::after,.window::after{content:"";position:absolute;inset:-2px;pointer-events:none;opacity:0;transition:opacity .25s ease;mix-blend-mode:screen;background:radial-gradient(320px 180px at var(--mx) var(--my), rgba(217,70,239,.22), transparent 60%)}
 .btn:hover::after,.chip:hover::after,.card:hover::after,.frame:hover::after,.window:hover::after{opacity:.85}
 .btn--primary::after{background:radial-gradient(320px 180px at var(--mx) var(--my), rgba(255,255,255,.38), transparent 62%)}

.hero__badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.86);font-weight:850;font-size:12px}

.card{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);padding:16px}
.card--soft{background:radial-gradient(700px 200px at 10% 10%, rgba(109,40,217,.12), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03))}
.card--link{display:block;width:100%;transition:transform .14s ease, border-color .2s ease, background .2s ease}
.card--link:hover{transform:translateY(-2px);border-color:rgba(109,40,217,.26)}

.card{transition:transform .14s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-2px);border-color:rgba(109,40,217,.22)}

.h1{margin:0;font-size:32px;letter-spacing:-.8px}
.h2{margin:0;font-size:18px;letter-spacing:-.3px}
.h3{margin:0;font-size:14px;letter-spacing:-.2px}
.muted{color:var(--muted)}

.window{border:1px solid var(--border);border-radius:var(--radius2);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03))}
.window__head{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg, rgba(124,58,237,.10), rgba(0,0,0,.28))}
.window__label{margin-left:auto;color:rgba(168,85,247,.92);font-weight:900;font-size:12px;letter-spacing:.2px;white-space:nowrap}
.dots{display:flex;gap:7px}
.dot{width:10px;height:10px;border-radius:99px;border:1px solid rgba(0,0,0,.25)}
.dot--r{background:#ff5f57}
.dot--y{background:#febc2e}
.dot--g{background:#28c840}
.window__body{padding:14px}

.profile{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}
.profile__avatar{width:64px;height:64px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);object-fit:cover}
.profile__name{font-weight:950;letter-spacing:-.25px}
.profile__sub{color:var(--muted);font-weight:650;font-size:13px}
.profile__actions{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}

.section{padding:18px 0}
.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.section__head--compact{justify-content:flex-start;flex-wrap:wrap;align-items:flex-start}
.section__head--compact .muted{max-width:72ch}

.meters{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.meter__k{font-weight:850;font-size:12px;color:rgba(255,255,255,.86);margin-bottom:7px}
.meter__bar{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);overflow:hidden}
.meter__bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--violet2),var(--violet));transition:width 900ms cubic-bezier(.2,.8,.2,1)}
[data-animate] .meter__bar span{width:var(--w,70%)}

.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.skill__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.skill__t{font-weight:950}
.skill__pct{color:rgba(168,85,247,.92);font-weight:900;font-size:12px}
.skill__bar{height:12px;border-radius:999px;border:1px solid rgba(109,40,217,.18);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));overflow:hidden;margin:10px 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.skill__bar span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--violet2),var(--violet));box-shadow:0 10px 24px rgba(109,40,217,.14), 0 0 0 1px rgba(255,255,255,.10) inset;transition:width 900ms cubic-bezier(.2,.8,.2,1)}
[data-animate] .skill__bar span{width:var(--w,70%)}

.next{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card__k{color:rgba(168,85,247,.92);font-weight:900;font-size:12px}
.card__t{font-weight:950;margin-top:8px}
.card__p{margin-top:8px;line-height:1.6}

.packs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.pagehead{padding:22px 0 4px}

.footer{padding:22px 0 34px}
.footer--video{position:relative;isolation:isolate;overflow:hidden;border-radius:22px}
.footervid{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.footervid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02) brightness(.62)}
.footer--video::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(920px 320px at 18% 18%, rgba(124,58,237,.22), transparent 64%), radial-gradient(920px 320px at 82% 22%, rgba(217,70,239,.18), transparent 64%), linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.82));backdrop-filter:blur(2px)}
.footer--video::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(820px 220px at 50% 10%, rgba(217,70,239,.10), transparent 60%), linear-gradient(90deg, rgba(109,40,217,.0), rgba(109,40,217,.10), rgba(217,70,239,.08), rgba(109,40,217,.0));opacity:.26;mix-blend-mode:screen}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);color:var(--muted)}
.footer__right{display:flex;gap:12px}
.footer__right a:hover{color:var(--text)}

.split{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:start}
.split__left{position:sticky;top:86px}

.frames{display:grid;grid-template-columns:1fr;gap:10px}
.frame{padding:0;border:1px solid rgba(109,40,217,.22);border-radius:var(--radius2);background:radial-gradient(520px 220px at 20% 0%, rgba(109,40,217,.16), transparent 55%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));box-shadow:0 18px 46px rgba(0,0,0,.62);cursor:pointer;overflow:hidden;text-align:left;transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}
.frame:hover{transform:translateY(-2px);border-color:rgba(109,40,217,.22)}
.frame[data-active]{box-shadow:var(--ring);border-color:rgba(109,40,217,.32)}
.frame__cover{height:14px;background:linear-gradient(90deg, rgba(109,40,217,.0), rgba(109,40,217,.35), rgba(168,85,247,.35), rgba(109,40,217,.0));opacity:.55}
.frame__body{padding:16px 16px 16px}
.frame__title{font-weight:950}
.frame__sub{margin-top:6px;font-weight:750;color:var(--muted);font-size:13px}

 .frame__icon{width:18px;height:18px;border-radius:6px;object-fit:cover;margin-right:10px;vertical-align:-3px;display:none;box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 14px 34px rgba(124,58,237,.18)}
 .frame__icon.is-on{display:inline-block}

.frame__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.frame__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip-mini{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(109,40,217,.22);background:rgba(109,40,217,.08);color:rgba(168,85,247,.92);font-weight:950;font-size:11px;letter-spacing:.2px;white-space:nowrap}

.frame__tags .tag{border-color:rgba(109,40,217,.28);background:rgba(0,0,0,.18);color:rgba(168,85,247,.92)}
.frame:hover{filter:brightness(1.02)}

.profile-panel .pp__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pp__title{margin:0;font-size:20px;font-weight:980;letter-spacing:-.35px}
.pp__tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tag{padding:7px 10px;border-radius:999px;border:1px solid rgba(109,40,217,.20);background:rgba(109,40,217,.06);color:rgba(168,85,247,.92);font-weight:850;font-size:12px}

 .pp__icon{width:22px;height:22px;border-radius:8px;object-fit:cover;margin-right:10px;vertical-align:-4px;display:none;box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 16px 42px rgba(217,70,239,.18)}
 .pp__icon.is-on{display:inline-block}

.pp__tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tab{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(255,255,255,.80);font-weight:950;font-size:12px;cursor:pointer;transition:transform .12s ease, background .2s ease, border-color .2s ease, color .2s ease}
.tab:hover{transform:translateY(-1px);background:rgba(255,255,255,.05)}
.tab[data-active]{color:rgba(10,10,12,.92);background:linear-gradient(135deg,var(--violet2),var(--violet));border-color:rgba(255,255,255,.14)}

.pp__panel{margin-top:12px}
.pp__grid--single{grid-template-columns:1fr}

.pp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.list{margin:0;padding-left:18px;color:rgba(255,255,255,.86)}
.list li{margin:7px 0}
.pp__actions{display:flex;gap:10px;flex-wrap:wrap}

.media-viewer{display:grid;grid-template-columns:1fr;gap:12px}
.media-viewer__main{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.02)}
.media-viewer__main img,.media-viewer__main video{width:100%;height:min(420px, 58vh);object-fit:cover}
.media-viewer__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.thumb{padding:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .12s ease,border-color .2s ease, box-shadow .2s ease}
.thumb:hover{transform:translateY(-1px)}
.thumb[data-active]{border-color:rgba(109,40,217,.38);box-shadow:var(--ring)}
.thumb img,.thumb video{width:100%;height:74px;object-fit:cover}

.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.shot img{width:100%;height:280px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.shot__cap{margin-top:10px;color:rgba(255,255,255,.80);font-weight:850;font-size:12px}

.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.media__frame{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.media__frame video{width:100%;height:260px;object-fit:cover}
.media__meta{margin-top:10px}
.media__title{font-weight:950}

.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}
.contact--v2{grid-template-columns:.95fr 1.05fr;gap:14px;align-items:start}
.contact__left{display:flex;flex-direction:column;gap:12px}
.contact__form{min-width:0}
.contact-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.contact-head__hint{max-width:44ch}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.contact-form__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.contact-form__cta{display:flex;flex-direction:column;gap:10px;margin-top:12px}

 .discord-card{padding:20px;background:radial-gradient(900px 340px at 18% 12%, rgba(124,58,237,.26), transparent 60%), radial-gradient(820px 340px at 88% 18%, rgba(217,70,239,.20), transparent 58%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border-color:rgba(109,40,217,.32);transform:translateZ(0);transition:transform .18s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease}
 .discord-card{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .discord-card::before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius2) + 2px);pointer-events:none;opacity:.0;transition:opacity .2s ease;mix-blend-mode:screen;background:conic-gradient(from 180deg at 50% 50%, rgba(217,70,239,.0), rgba(217,70,239,.26), rgba(124,58,237,.22), rgba(217,70,239,.0))}
 .discord-card::after{content:"";position:absolute;inset:0;border-radius:var(--radius2);pointer-events:none;opacity:.22;background:radial-gradient(520px 220px at 20% 10%, rgba(255,255,255,.14), transparent 60%), linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.14) 18%, rgba(255,255,255,0) 36%);transform:translate3d(-22%,0,0);animation:discord-shimmer 4.6s ease-in-out infinite}
 .discord-card:hover{transform:translateY(-2px);border-color:rgba(109,40,217,.42);filter:brightness(1.02)}
 .discord-card:hover::before{opacity:.55}
 .discord-card__left{min-width:0}
 .discord-card__right{display:flex;align-items:center;flex-shrink:0}
 .discord-card__title{margin:0;font-size:22px;letter-spacing:-.6px;font-weight:980}
 .discord-card__lead{margin:10px 0 0;max-width:64ch;line-height:1.6}
 .discord-card__user{display:flex;align-items:center;gap:12px;margin-top:14px}
 .discord-card__badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:1000;color:rgba(10,10,12,.92);background:linear-gradient(135deg,var(--violet2),var(--violet));box-shadow:var(--ring)}
 .discord-card__k{font-weight:900;font-size:12px}
 .discord-card__v{font-weight:980;letter-spacing:-.2px}

 @keyframes discord-shimmer{0%{transform:translate3d(-22%,0,0)}45%{transform:translate3d(22%,0,0)}100%{transform:translate3d(-22%,0,0)}}

 @media (max-width: 980px){
  .discord-card{flex-direction:column;align-items:flex-start}
  .discord-card__right{width:100%}
  .discord-card__right .btn{width:100%}
 }
.rows{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.row__k{color:rgba(168,85,247,.92);font-weight:900;font-size:12px}
.row__v{color:rgba(255,255,255,.86);font-weight:800;font-size:13px}

.divider{height:1px;background:linear-gradient(90deg, rgba(109,40,217,.0), rgba(109,40,217,.35), rgba(168,85,247,.25), rgba(109,40,217,.0));margin:14px 0;opacity:.7}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.field{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.field span{font-weight:900;font-size:12px;color:rgba(255,255,255,.86)}
input,textarea{font:inherit;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);outline:none}
input:focus,textarea:focus{border-color:rgba(109,40,217,.35);box-shadow:var(--ring)}
textarea{resize:vertical}

select{font:inherit;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);outline:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, rgba(168,85,247,.9) 50%), linear-gradient(135deg, rgba(168,85,247,.9) 50%, transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px);background-size:5px 5px, 5px 5px;background-repeat:no-repeat}
select:focus{border-color:rgba(109,40,217,.35);box-shadow:var(--ring)}

.toast{min-height:18px;margin-top:10px;color:var(--muted);font-weight:800;font-size:12px}

[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity 520ms ease, transform 520ms ease}
[data-reveal="left"]{transform:translateX(-14px)}
[data-reveal="right"]{transform:translateX(14px)}
[data-reveal="scale"]{transform:translateY(10px) scale(.98)}
.is-visible{opacity:1;transform:translate(0,0) scale(1)}

@media (max-width: 980px){
  .hero{grid-template-columns:1fr}
  .skills{grid-template-columns:1fr}
  .next{grid-template-columns:1fr}
  .packs{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split__left{position:static;top:auto}
  .pp__grid{grid-template-columns:1fr}
  .media-viewer__thumbs{grid-template-columns:repeat(3,1fr)}
  .gallery{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto}
  [data-reveal]{transition:none}
  .btn,.chip,.card,.card--link,.frame,.window{transition:none}
  .meter__bar span,.skill__bar span{transition:none}
  .bg__grid,.bg__orb--a,.bg__orb--b,.bg::after{animation:none}
  .bg::before{opacity:0}
  .ytbg{display:none}
  .discord-card{transform:none}
  .discord-card::after{animation:none}
  .footervid{display:none}
}