:root{color-scheme:dark;--bg:#0b1020;--panel:#11182a;--panel-2:#151d32;--text:#f5f7ff;--muted:#9ba7bf;--blue:#7192ff;--line:#ffffff12;--mint:#8de8cb}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.portal-page{min-height:100vh;background:radial-gradient(ellipse at 79% 3%,#19234455 0,transparent 31%),var(--bg)}
.portal-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:27px 17px 20px;background:#0d1323;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}
.portal-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 34px}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#7d9cff,#705cf5);box-shadow:0 8px 24px #5d78ff40;color:#fff;font:800 19px Manrope,sans-serif}
.brand-copy{display:grid;gap:4px}.brand-copy strong{font:700 13px Manrope,sans-serif;letter-spacing:-.02em}.brand-copy small{color:#8490aa;font-size:9px;font-weight:700;letter-spacing:.14em}
.sidebar-label{padding:0 11px 11px;color:#697791;font-size:9px;font-weight:700;letter-spacing:.16em}
.side-nav{display:grid;gap:5px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;position:relative;color:#98a4bc;border-radius:10px;font-size:12px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:#ffffff08;color:#e7ebf7;transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,#687fff20,#687fff09);color:#e6eaff}.nav-item.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:#8095ff;border-radius:2px;box-shadow:0 0 12px #8095ff}.nav-icon{width:17px;text-align:center;font-size:19px;color:#8795b2}.nav-item.active .nav-icon{color:#aabbff}.nav-indicator{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#91a6ff;box-shadow:0 0 8px #91a6ff}
.sidebar-bottom{margin-top:auto}.sidebar-divider{height:1px;background:var(--line);margin:0 8px 18px}.member-card{display:flex;align-items:center;gap:10px;padding:9px 8px 16px}.member-avatar,.top-avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(145deg,#263454,#202b48);border:1px solid #ffffff18;color:#dce5ff;font:700 11px Manrope,sans-serif}.member-avatar{width:30px;height:30px}.member-card>span:nth-child(2){display:grid;gap:4px}.member-card strong{font-size:11px}.member-card small{color:#74819b;font-size:10px}.member-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#80dfbd;box-shadow:0 0 8px #80dfbd70}.back-home{display:block;padding:10px 8px;color:#8490a9;font-size:11px;transition:color .2s}.back-home:hover{color:#cbd5f1}.back-home span{margin-right:5px}
.main-content{min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.4vw,68px)}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#8f9bb3;font-size:11px}.breadcrumbs strong{font-weight:600;color:#e2e7f4}.crumb-slash{color:#4e5a71}.topbar-right{display:flex;align-items:center;gap:15px}.preview-badge{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:20px;background:#142236;border:1px solid #92e4c51c;color:#a5d9c7;font-size:8px;font-weight:700;letter-spacing:.1em}.preview-badge span{width:5px;height:5px;border-radius:50%;background:#7cdbb8;box-shadow:0 0 7px #7cdbb8}.top-avatar{width:29px;height:29px;font-size:10px}
.content-wrap{width:min(1120px,calc(100% - 80px));margin:0 auto;padding:35px 0 18px}.hero{isolation:isolate;position:relative;overflow:hidden;min-height:364px;padding:49px 52px 40px;border-radius:20px;background:linear-gradient(112deg,#171f36 0%,#141c31 52%,#192343 100%);border:1px solid #ffffff12;box-shadow:0 24px 75px #0002;animation:rise-in .65s cubic-bezier(.2,.8,.2,1) both}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,#ffffff04 50%,transparent 78%);transform:translateX(-100%);animation:soft-sheen 9s ease-in-out 1.2s infinite}.hero-content{position:relative;z-index:1;max-width:560px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:19px;color:#9eafff;font-size:9px;font-weight:700;letter-spacing:.16em}.eyebrow-star{font-size:13px;color:#b2a7ff;animation:star-glow 3s ease-in-out infinite}.hero h1{margin:0;color:#fbfcff;font:600 clamp(34px,4.1vw,51px)/1.13 Manrope,sans-serif;letter-spacing:-.06em}.hero h1 span{background:linear-gradient(90deg,#90a7ff 0%,#b7a5ff 58%,#8ce0d1 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{margin:15px 0 22px;color:#a5afc4;font-size:12px;line-height:1.7}.address-form{width:min(560px,100%);height:54px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 15px;border:1px solid #ffffff1a;border-radius:11px;background:#0d1423d9;box-shadow:0 8px 26px #0509162b;transition:border-color .2s,box-shadow .2s}.address-form:focus-within{border-color:#8499ff94;box-shadow:0 0 0 3px #7892ff1a,0 8px 26px #0509162b}.address-lock{width:20px;color:#8392b2;font-size:15px;text-align:center}.address-form input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#ecf0ff;font-size:11px}.address-form input::placeholder{color:#707d97}.address-form button{height:40px;padding:0 15px;border:1px solid #a8b8ff22;border-radius:8px;background:linear-gradient(135deg,#748cff,#7869ec);color:#fff;font-size:10px;font-weight:700;box-shadow:0 5px 14px #6278ed36;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}.address-form button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 19px #6278ed50}.address-form button:active{transform:translateY(0)}.address-form button:focus-visible,.top-avatar:focus-visible,.nav-item:focus-visible,.back-home:focus-visible{outline:2px solid #9eb0ff;outline-offset:3px}.engine-note{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:#7f8ca6;font-size:10px}.note-pulse{width:6px;height:6px;border-radius:50%;background:#8f9dff;box-shadow:0 0 0 0 #8f9dff77;animation:pulse 2s ease-out infinite}.address-status{min-height:15px;margin:8px 0 0;color:#b7c2dc;font-size:10px}.hero-orb{position:absolute;right:9%;top:52px;width:250px;height:250px;display:grid;place-items:center;opacity:.9;pointer-events:none}.orb-core{position:relative;width:117px;height:117px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 27%,#a6b9ff 0,#7986eb 23%,#5047a5 54%,#252943 77%);box-shadow:inset -12px -17px 30px #12172b,0 0 40px #8287ff5c,0 0 95px #8188ff2b;animation:orb-float 5.5s ease-in-out infinite}.orb-core:before{content:"";position:absolute;inset:9px;border:1px solid #ffffff38;border-radius:50%;box-shadow:inset 5px 5px 17px #fff2}.orb-core span{color:#e4eaff;font:300 48px Manrope,sans-serif;text-shadow:0 3px 18px #fff5}.orbit{position:absolute;right:calc(9% + 16px);top:77px;width:217px;height:201px;border:1px solid #a9b4ff24;border-radius:50%;transform:rotate(-30deg);animation:orbit-spin 28s linear infinite}.orbit-two{right:calc(9% - 7px);top:93px;width:263px;height:163px;border-color:#9a90ff20;transform:rotate(38deg);animation-direction:reverse}.orb-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#b8c6ff;box-shadow:0 0 13px 3px #b3c0ff7a}.orb-dot-a{top:61px;right:68px}.orb-dot-b{top:171px;right:214px;width:4px;height:4px;background:#95e7d1;box-shadow:0 0 11px 3px #95e7d166}.orb-dot-c{right:25px;top:152px;width:3px;height:3px}.hero-foot{position:absolute;right:28px;bottom:19px;display:flex;align-items:center;gap:10px;color:#7785a2;font-size:8px;font-weight:700;letter-spacing:.11em}.hero-foot-line{width:35px;height:1px;background:#7181a555}.hero-glow{position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none}.hero-glow-one{right:50px;top:-180px;background:#667cff}.hero-glow-two{right:300px;bottom:-245px;background:#8a62e5}
.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.quick-card{position:relative;min-height:108px;display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(135deg,#11192a,#111827);border:1px solid var(--line);border-radius:14px;transition:transform .22s,border-color .22s,background .22s;animation:rise-in .65s .12s both}.quick-card:nth-child(2){animation-delay:.2s}.quick-card:hover{transform:translateY(-3px);border-color:#8da1ff3b;background:linear-gradient(135deg,#151e34,#121a2b)}.quick-icon{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;font-size:17px}.icon-blue{background:#637eff1a;color:#9eafff}.icon-violet{background:#a16fee1a;color:#c5a7ff}.quick-card>div:nth-child(2){display:grid;gap:5px}.quick-label{color:#71809b;font-size:8px;font-weight:700;letter-spacing:.13em}.quick-card strong{color:#e4e9f5;font:600 12px Manrope,sans-serif}.quick-card small{color:#8591a8;font-size:10px}.quick-arrow{margin-left:auto;align-self:flex-start;color:#73809a;font-size:14px;transition:transform .2s,color .2s}.quick-card:hover .quick-arrow{transform:translate(2px,-2px);color:#abb9ff}.page-footer{display:flex;justify-content:space-between;padding:20px 2px;color:#65718a;font-size:9px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-sheen{0%,25%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes orb-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes orbit-spin{to{rotate:360deg}}
@keyframes star-glow{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 #8f9dff77}70%{box-shadow:0 0 0 7px #8f9dff00}100%{box-shadow:0 0 0 0 #8f9dff00}}
@media(max-width:950px){.hero-orb{right:1%;transform:scale(.8);opacity:.68}.orbit{right:calc(1% + 16px)}.orbit-two{right:calc(1% - 7px)}.hero-content{max-width:540px}.content-wrap{width:calc(100% - 52px)}}
@media(max-width:700px){.portal-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.portal-brand{padding:0}.sidebar-label,.sidebar-bottom{display:none}.side-nav{display:flex;gap:7px;margin-top:13px;overflow-x:auto}.nav-item{flex:none;height:34px;padding:0 11px}.nav-icon{font-size:13px}.topbar{height:56px;padding:0 22px}.content-wrap{width:calc(100% - 32px);padding-top:18px}.hero{min-height:440px;padding:34px 23px 40px}.hero-content{max-width:100%}.hero h1{font-size:39px}.hero-description{max-width:310px}.hero-orb{width:175px;height:175px;right:4%;top:auto;bottom:40px;transform:scale(.7);opacity:.5}.orbit{width:170px;height:160px;right:calc(4% + 1px);top:auto;bottom:47px}.orbit-two{width:204px;height:128px;right:calc(4% - 15px);top:auto;bottom:63px}.hero-foot{right:19px;bottom:15px}.quick-row{grid-template-columns:1fr;gap:10px}.quick-card{min-height:92px}.page-footer{font-size:8px}.address-form{height:51px}.address-form button{padding:0 11px}}
@media(max-width:390px){.hero{padding-inline:18px}.hero h1{font-size:34px}.address-form{gap:6px;padding-left:10px}.address-form input{font-size:10px}.address-form button{padding:0 9px;font-size:9px}.hero-orb{right:-4%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.account-wrap{position:relative}.account-menu{position:absolute;z-index:5;right:0;top:40px;width:190px;padding:14px;display:grid;gap:7px;border:1px solid #ffffff18;border-radius:12px;background:#172036;box-shadow:0 18px 44px #0008;animation:menu-in .16s ease-out both}.account-menu[hidden]{display:none}.account-menu strong{font-size:11px}.account-menu>span{color:#8996ae;font-size:10px}.account-menu a{margin-top:6px;padding-top:10px;border-top:1px solid var(--line);color:#b6c3e0;font-size:10px}.account-menu a:hover{color:#fff}
.address-form .save-address{width:36px;flex:none;padding:0;background:#ffffff09;border:1px solid #ffffff12;box-shadow:none;color:#9caacc;font-size:17px}.address-form .save-address:hover:not(:disabled){background:#7b8eff20;border-color:#95a4ff55;color:#d2daff;box-shadow:none}.address-form .save-address.is-saved{color:#ff9fca}.address-form .save-address:disabled{opacity:.38;cursor:not-allowed}
.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.library-card{min-width:0;min-height:166px;padding:18px;background:linear-gradient(135deg,#11192a,#111827);border:1px solid var(--line);border-radius:14px;animation:rise-in .65s .12s both}.library-card:nth-child(2){animation-delay:.2s}.library-heading{display:flex;align-items:center;gap:12px}.library-heading h2{margin:4px 0 0;color:#e4e9f5;font:600 12px Inter,'Segoe UI',system-ui,sans-serif}.library-heading>div:nth-child(2){min-width:0}.text-button{margin-left:auto;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:7px;color:#8d9bb6;font-size:9px;cursor:pointer;transition:background .18s,color .18s}.text-button:hover:not(:disabled){background:#ffffff0a;color:#e0e7fb}.text-button:disabled{opacity:.35;cursor:not-allowed}.saved-count{margin-left:auto;min-width:23px;height:23px;display:grid;place-items:center;border:1px solid #ffffff13;border-radius:50%;color:#9caaca;font-size:9px}.page-list{margin-top:13px}.list-empty{margin:0;padding:14px 2px 2px;color:#7e8ba4;font-size:10px;line-height:1.55}.address-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.address-list li{display:flex;align-items:center;gap:3px;min-width:0}.address-item{width:100%;min-width:0;display:flex;align-items:center;gap:9px;padding:7px 8px;background:#ffffff05;border:1px solid transparent;border-radius:8px;color:#c3cce0;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}.address-item:hover{background:#ffffff0b;border-color:#ffffff10}.item-favicon{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:6px;background:#7189ff18;color:#a8b7ff;font-size:11px}.item-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.item-action{margin-left:auto;padding-left:8px;color:#8393b6;font-size:9px;opacity:0;transition:opacity .18s}.address-item:hover .item-action,.address-item:focus-visible .item-action{opacity:1}.remove-address{width:25px;height:25px;flex:none;border:0;border-radius:6px;background:transparent;color:#7886a0;font-size:17px;cursor:pointer}.remove-address:hover{background:#ff718f16;color:#ff9bab}.text-button:focus-visible,.address-item:focus-visible,.remove-address:focus-visible{outline:2px solid #9eafff;outline-offset:2px}.address-status{transition:color .2s}
@keyframes menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.library-grid{grid-template-columns:1fr;gap:10px}.library-card{min-height:130px}.address-form .save-address{width:32px}.text-button{min-height:32px}}
.proxy-stage{margin:18px 0 22px;padding:16px;background:linear-gradient(145deg,#11192a,#101725);border:1px solid var(--line);border-radius:14px;scroll-margin-top:18px;animation:rise-in .45s both}.proxy-stage[hidden]{display:none!important}.proxy-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:2px 3px 13px}.proxy-stage-heading h2{margin:4px 0 0;color:#e4e9f5;font:600 13px Inter,'Segoe UI',system-ui,sans-serif}.proxy-frame-host{height:min(70vh,760px);min-height:440px;overflow:hidden;background:#fff;border:1px solid #ffffff20;border-radius:10px}.proxy-frame{display:block;width:100%;height:100%;border:0;background:#fff}.page-footer a{color:#aabaff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.proxy-stage{padding:11px}.proxy-frame-host{height:68vh;min-height:400px}}
.member-footer a{color:#8da4ff;text-decoration:underline;text-underline-offset:3px}
.open-proxy-button{width:max-content;min-width:190px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 20px;border:1px solid #aab6ff45;border-radius:11px;background:linear-gradient(110deg,#748bff,#9886f5);box-shadow:0 12px 30px #687cf52b;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.open-proxy-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #687cf54a}.open-proxy-button:focus-visible{outline:2px solid #d4dcff;outline-offset:3px}.open-proxy-button[aria-disabled=true]{opacity:.55;pointer-events:none}