.tw-su-account{position:relative;min-height:72vh;padding:clamp(3rem,6vw,6rem) 0;background:radial-gradient(55rem 30rem at 70% 0,rgba(8,175,218,.09),transparent 65%),linear-gradient(180deg,#041721,#03131c);color:#f6fafc;overflow:hidden}.tw-su-account__glow{position:absolute;width:34rem;height:34rem;left:-12rem;bottom:-16rem;border-radius:50%;background:radial-gradient(circle,rgba(229,177,58,.12),transparent 68%);pointer-events:none}.tw-su-account__shell{position:relative;display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.5rem;width:min(calc(100% - 2rem),76rem);margin:auto}.tw-su-account__sidebar,.tw-su-account__content{border:1px solid rgba(29,187,221,.17);background:linear-gradient(180deg,rgba(5,29,40,.96),rgba(3,22,31,.98));box-shadow:0 2rem 5rem rgba(0,0,0,.22);border-radius:1.25rem}.tw-su-account__sidebar{padding:1.1rem;align-self:start}.tw-su-account__user-card{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:.7rem}.tw-su-account__avatar{width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#12cdea,#e7b13b);color:#04141d;font-weight:950;font-size:1.2rem}.tw-su-account__user-card strong,.tw-su-account__user-card span{display:block}.tw-su-account__user-card span{margin-top:.2rem;color:rgba(235,243,246,.62);font-size:.75rem;word-break:break-all}.tw-su-account__nav{display:grid;gap:.35rem}.tw-su-account__nav button,.tw-su-account__logout{width:100%;border:0;border-radius:.72rem;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;background:transparent;color:rgba(239,247,249,.8);font:inherit;font-weight:800;cursor:pointer}.tw-su-account__nav button.is-active{color:#fff;background:linear-gradient(90deg,rgba(230,177,58,.12),rgba(13,152,188,.13));box-shadow:inset 3px 0 0 #19cde8}.tw-su-account__logout{margin-top:1rem;color:#f0b9b9;border-top:1px solid rgba(255,255,255,.07);border-radius:0;padding-top:1.1rem}.tw-su-account__content{padding:clamp(1.2rem,3vw,2.4rem)}.tw-su-account__hero{padding-bottom:1.3rem;border-bottom:1px solid rgba(255,255,255,.07)}.tw-su-account__eyebrow{color:#e4ad38;font-size:.82rem;font-weight:800}.tw-su-account__hero h1{margin:.45rem 0 .25rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.15}.tw-su-account__hero p{margin:0;color:rgba(233,241,244,.68)}.tw-su-account__message{margin:1rem 0;padding:.8rem 1rem;border-radius:.75rem}.tw-su-account__message.is-success{background:rgba(55,190,126,.1);border:1px solid rgba(55,190,126,.3);color:#bdf1d4}.tw-su-account__message.is-error{background:rgba(224,74,74,.1);border:1px solid rgba(224,74,74,.3);color:#ffd0d0}.tw-su-account__panel{margin-top:1.2rem}.tw-su-account__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tw-su-account__card{padding:1.15rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:rgba(255,255,255,.025)}.tw-su-account__card--wide{grid-column:1/-1}.tw-su-account__card span{display:block;color:rgba(231,240,243,.6);font-size:.82rem}.tw-su-account__card strong{display:block;margin:.45rem 0;font-size:1.15rem}.tw-su-account__card p{margin:.25rem 0 0;color:rgba(233,241,244,.7);line-height:1.8}.tw-su-account__card a{display:inline-block;margin-top:.8rem;color:#efbd49;text-decoration:none;font-weight:800}.tw-su-account__form{display:grid;gap:1rem;max-width:38rem}.tw-su-account__form h2{margin:0 0 .4rem}.tw-su-account__form label{display:grid;gap:.4rem}.tw-su-account__form label span{font-size:.82rem;color:rgba(236,244,246,.7)}.tw-su-account__form input{height:3rem;border-radius:.72rem;border:1px solid rgba(28,190,224,.25);background:rgba(2,17,25,.72);color:#fff;padding:0 .9rem;font:inherit;outline:none}.tw-su-account__form input:focus{border-color:#1bcce9;box-shadow:0 0 0 3px rgba(27,204,233,.08)}.tw-su-account__form button{width:max-content;min-width:10rem;height:3rem;border:1px solid rgba(247,205,95,.9);border-radius:.72rem;background:linear-gradient(180deg,#ffd661,#eaae35);color:#07141b;font:inherit;font-weight:900;cursor:pointer;padding:0 1.2rem}@media(max-width:820px){.tw-su-account__shell{grid-template-columns:1fr}.tw-su-account__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-su-account__grid{grid-template-columns:1fr}.tw-su-account__card--wide{grid-column:auto}}@media(max-width:520px){.tw-su-account{padding:1.2rem 0 2rem}.tw-su-account__shell{width:min(calc(100% - 1rem),76rem);gap:.8rem}.tw-su-account__sidebar,.tw-su-account__content{border-radius:1rem}.tw-su-account__nav button{font-size:.8rem}.tw-su-account__hero h1{font-size:1.75rem}}