/* Zellns Identity Control v0.4 — bespoke interface. No remote fonts, CDNs or icon libraries. */
:root{color-scheme:dark;--canvas:#080d17;--rail:#0b1320;--surface:#111d2e;--surface2:#14243a;--ink:#eff7ff;--muted:#8ca6c1;--line:#263d56;--line2:#385b79;--blue:#73b9ff;--cyan:#70f0ed;--purple:#b29cff;--green:#6af4be;--ease:cubic-bezier(.2,.8,.2,1);--glow-opacity:.16}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;background:var(--canvas);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a,button,input{outline-offset:4px}*:focus-visible{outline:2px solid #7dd9ff!important;outline-offset:4px}.zi{vertical-align:middle;flex:0 0 auto}.skip{position:fixed;top:-100px;left:24px;background:#b9f4fc;color:#061524;z-index:200;padding:12px;border-radius:8px}.skip:focus{top:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gridlines{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#6b9fc70a 1px,transparent 1px),linear-gradient(#6b9fc706 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent 15%,#000 90%);z-index:0}.pointer-glow{position:fixed;pointer-events:none;z-index:0;width:630px;height:630px;top:var(--pointer-y,-400px);left:var(--pointer-x,-400px);transform:translate(-50%,-50%);background:radial-gradient(circle,#448fe625,transparent 65%);opacity:var(--glow-opacity);transition:opacity .3s}
.app-shell{position:relative;z-index:1;max-width:1860px;min-height:100vh;margin:auto;display:grid;grid-template-columns:258px minmax(0,1fr)}
.rail{background:linear-gradient(180deg,#0d192a 0%,#09121e 80%);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 22px 20px;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#fff;width:max-content}.brand-mark{height:45px;width:45px;border:1px solid #6494c865;border-radius:12px;display:grid;place-items:center;background:#172f4a;box-shadow:inset 0 0 0 1px #9accff12}.brand-mark img{filter:drop-shadow(0 0 13px #80cfff47)}.brand-name{display:flex;flex-direction:column;gap:2px}.brand-name strong{font-size:19px;font-weight:870;letter-spacing:.17em}.brand-name small{color:#8eabc6;font-size:9px;font-weight:800;letter-spacing:.22em}.rail-title{margin:54px 0 17px;padding-left:11px;color:#6c89a8;font-size:9px;font-weight:850;letter-spacing:.16em}.rail-nav{display:grid;gap:7px}.nav-link{position:relative;display:flex;align-items:center;gap:13px;min-height:46px;border-radius:10px;color:#8ba6bf;padding:0 13px;font-size:12px;font-weight:660;transition:background .25s,color .25s,transform .25s}.nav-link:hover,.external:hover{background:#20375190;color:#e9f7ff;transform:translateX(3px)}.nav-link.is-current{color:#e8f8ff;background:linear-gradient(90deg,#275477b8,#1a304c88)}.nav-link.is-current:before{content:"";position:absolute;width:3px;height:19px;border-radius:2px;background:#76e6f1;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 14px #6ce4ff}.nav-link .zi{color:#75b8ee}.nav-arrow{margin-left:auto;font-size:16px;color:#8fc9f0}.rail-sep{height:1px;background:var(--line);margin:26px 0 15px}.external{padding:10px 13px;display:flex;align-items:center;gap:13px;border-radius:10px;font-size:11px;color:#90a7be;transition:.25s}.external span{flex:1}.external .zi{color:#8fbdde}.rail-bottom{margin-top:auto}.rail-seal{border:1px solid #375474;background:linear-gradient(155deg,#17314e,#112039);border-radius:14px;padding:18px 16px;min-height:162px;display:flex;flex-direction:column;align-items:start;gap:10px;overflow:hidden;position:relative}.rail-seal:after{content:"";position:absolute;right:-25px;bottom:-30px;border:1px solid #77c6ee33;border-radius:50%;width:130px;height:130px;box-shadow:0 0 0 20px #75bdff09,0 0 0 42px #75bdff05}.seal-symbol{color:#7bdcff}.rail-seal b{font-size:14px;letter-spacing:-.03em;line-height:1.18;z-index:1}.rail-seal small{z-index:1;color:#7eacce;font-size:8px;letter-spacing:.2em;font-weight:800}.rail-version{margin-top:20px;color:#67839e;font-size:9px;display:flex;align-items:center;gap:8px;letter-spacing:.07em}.signal-dot{display:inline-block;width:7px;height:7px;background:#69dfb5;box-shadow:0 0 12px #69dfb57e;border-radius:50%;flex:0 0 auto}
.workspace{min-width:0}.toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:71px;padding:0 clamp(22px,3vw,52px);background:#091421e8;backdrop-filter:blur(22px);border-bottom:1px solid #2a3d5659}.breadcrumb{font-size:10px;letter-spacing:.14em;font-weight:850;color:#6e91b0;white-space:nowrap}.breadcrumb span{margin:0 10px;color:#45627f}.breadcrumb b{color:#c6e0f3}.toolbar-actions{display:flex;align-items:center;gap:15px}.toolbar-action{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #304962;border-radius:9px;color:#a9c6db;font-size:10px;font-weight:700;padding:8px 11px;transition:.2s}.toolbar-action:hover{background:#1c344e;border-color:#62a1d1;color:white}.toolbar-action kbd{background:#253e59;border-radius:4px;padding:4px 5px;color:#89acd0;font-size:9px}.toolbar-sep{width:1px;height:26px;background:var(--line)}.security-pill{display:flex;align-items:center;gap:7px;color:#74ddb7;font-weight:780;font-size:10px;letter-spacing:.08em}.profile-button{display:flex;align-items:center;gap:8px;color:#d2e7f7;font-size:11px;font-weight:780;max-width:180px}.profile-button b{width:29px;height:29px;border-radius:9px;background:linear-gradient(130deg,#456baf,#6cc9e4);display:grid;place-items:center;color:#07121e}.profile-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-wrap{padding:32px clamp(22px,3vw,52px) 14px;max-width:1640px;margin:auto}.intro{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:420px;background:linear-gradient(116deg,#132941,#11243c 50%,#172e49);border-radius:21px;border:1px solid #335578;overflow:hidden;isolation:isolate}.intro:before{position:absolute;content:"";inset:0;background:radial-gradient(ellipse 50% 85% at 85% 35%,#4096c62c,transparent 78%),linear-gradient(135deg,transparent 71%,#83bbff0c 71.15%,transparent 71.5%);z-index:-1}.intro-text{padding:clamp(27px,3.5vw,56px);position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:#99bddc;font-size:10px;font-weight:850;letter-spacing:.15em}.tiny-orbit{position:relative;width:10px;height:10px;border:1px solid #6ff0dc;border-radius:50%;box-shadow:0 0 0 3px #3adaef16}.tiny-orbit:after{position:absolute;content:"";inset:3px;background:#71ffe0;border-radius:100%}.eyebrow-index{color:#6482a1;margin-left:15px}.intro h1{font-size:clamp(42px,4vw,69px);line-height:1.07;font-weight:820;letter-spacing:-.065em;margin:28px 0 18px}.intro h1 em{font-style:normal;background:linear-gradient(100deg,#7fe5f9,#73b1fa 60%,#bdadff);background-clip:text;color:transparent}.intro p{max-width:520px;color:#adc0d6;line-height:1.85;font-size:13px;margin:0}.intro-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.cta,.cta-alt{min-height:45px;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-size:12px;font-weight:800;border-radius:10px;padding:11px 18px;transition:transform .23s var(--ease),box-shadow .23s var(--ease),background .23s}.cta{background:linear-gradient(110deg,#6ae8e1,#86b5ff);color:#041b2a;box-shadow:0 11px 28px #62a3f42d}.cta:hover{transform:translateY(-3px);box-shadow:0 16px 35px #67befc52}.cta .zi{transition:transform .2s}.cta:hover .zi{transform:translateX(5px)}.cta-alt{border:1px solid #537394;color:#d7edff;background:#21395886}.cta-alt:hover{background:#2a4a6e;transform:translateY(-2px)}.intro-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:28px;color:#8ba9c5;font-size:10px}.intro-proof span{display:flex;align-items:center;gap:5px}.intro-proof .zi{color:#79dbd2}
.identity-instrument{position:relative;min-height:395px;overflow:hidden;border-left:1px solid #6fa3cb18;background:linear-gradient(130deg,#0b192126,#0b192141)}.identity-instrument:after{content:"";position:absolute;inset:-35%;background:repeating-linear-gradient(35deg,transparent 0px,transparent 100px,#7ca0ff0b 101px,transparent 102px);pointer-events:none}.instrument-top,.instrument-foot{position:absolute;left:28px;right:28px;display:flex;align-items:center;gap:15px;z-index:2;font-weight:800;letter-spacing:.18em;font-size:9px;color:#a0c3e2}.instrument-top{top:32px}.micro-line{height:1px;flex:1;background:#769cc548}.instrument-foot{bottom:25px;justify-content:space-between}.instrument-label{color:#87adc7;line-height:1.65}.instrument-label b{color:#d0e8f9;font-size:8px;letter-spacing:.07em}.sig-wave{display:flex;align-items:center;gap:4px;height:25px}.sig-wave i{width:3px;height:13px;border-radius:3px;background:#83e6ff;animation:wave 2.3s ease-in-out infinite}.sig-wave i:nth-child(2){animation-delay:-.35s;height:19px}.sig-wave i:nth-child(3){animation-delay:-.7s;height:23px}.sig-wave i:nth-child(4){animation-delay:-.25s;height:16px}.sig-wave i:nth-child(5){animation-delay:-.9s;height:9px}.instrument-disc{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%)}.disc-ring{position:absolute;border:1px solid #71c1ff37;border-radius:50%;inset:0;animation:turn 38s linear infinite}.disc-ring.r2{inset:30px;border-style:dashed;border-color:#65c3ff5f;animation-direction:reverse;animation-duration:50s}.disc-ring.r3{inset:64px;border-color:#8bb9fc42;animation-duration:16s}.disc-core{position:absolute;inset:93px;border-radius:26px;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#62b2fd4a,#132944);border:1px solid #99e5ff6b;box-shadow:0 0 60px #66a9ff31,0 0 0 14px #81cbff0b;animation:core 6s ease-in-out infinite}.disc-core img{width:75px;height:75px;filter:drop-shadow(0 0 18px #8dd7ff9c)}.scan-tick{position:absolute;width:7px;height:7px;border:1px solid #7fdbff;border-radius:50%;box-shadow:0 0 13px #8eeaff}.t1{left:17px;top:83px}.t2{right:9px;top:160px}.t3{left:55px;bottom:23px}
.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:17px;gap:12px}.status-strip>div{border:1px solid var(--line);background:#101d2d;border-radius:12px;min-height:109px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}.strip-label{color:#6da5c5;font-size:9px;letter-spacing:.16em;font-weight:860}.status-strip strong{font-size:14px;margin:9px 0 4px;letter-spacing:-.02em}.status-strip small{color:var(--muted);font-size:10px;line-height:1.5}.block{margin-top:48px;scroll-margin-top:85px}.block-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.block-head p{color:#829ab0;font-size:11px;max-width:280px;line-height:1.6;text-align:right;margin:0}.section-index{font-size:9px;font-weight:850;letter-spacing:.17em;color:#6eabc9}.section-index span{color:#4d6683;margin:0 5px}.block-head h2{margin:8px 0 0;font-size:25px;letter-spacing:-.055em;font-weight:780}
.app-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product{min-width:0;position:relative;display:flex;flex-direction:column;gap:18px;border-radius:15px;border:1px solid #2b4662;background:linear-gradient(160deg,#142841,#101d30);padding:23px;min-height:240px;overflow:hidden}.product-featured{border-color:#427ea5;background:radial-gradient(circle at 83% 2%,#2e678638,transparent 55%),linear-gradient(148deg,#193652,#11233c);transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}.product-featured:hover{transform:translateY(-5px);border-color:#79caff;box-shadow:0 20px 50px #020a15a8,0 0 32px #65b2ff18}.product-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;border:1px solid #66a6d64f}.p-vpn{background:#295983;color:#93dfff}.p-connect{background:#34274b;color:#c3a8ff}.p-suite{background:#1e4051;color:#90edeb}.product-code{font-size:9px;color:#80abc8;letter-spacing:.14em;font-weight:850}.product h3{font-size:21px;margin:8px 0;letter-spacing:-.04em}.product p{font-size:11px;color:#9baec3;line-height:1.7;margin:0;max-width:300px}.product-end{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.prod-tag{font-size:9px;font-weight:850;color:#9cf2d9;border:1px solid #448b7a;padding:6px 9px;border-radius:7px;white-space:nowrap}.prod-tag.muted{color:#839cb4;border-color:#405571}.product-arrow{background:#375f7e;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#e5f8ff}.product-featured:hover .product-arrow{transform:translateX(3px)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setting{display:flex;align-items:center;gap:15px;min-height:93px;padding:17px 20px;background:#101d2e;border:1px solid var(--line);border-radius:13px;transition:background .2s,transform .2s,border-color .2s}.setting:hover{background:#192b42;border-color:#5c8eb1;transform:translateY(-2px)}.setting-icon{width:45px;height:45px;border-radius:12px;background:#1d3c55;color:#8dd6fa;display:grid;place-items:center}.setting>span:nth-child(2){flex:1;min-width:0}.setting strong,.setting small{display:block}.setting strong{font-size:12px}.setting small{font-size:10px;color:#92a9be;line-height:1.55;margin-top:6px}.setting>.zi{color:#759cbb}.identity-row{display:flex;align-items:center;gap:20px;padding:26px;background:linear-gradient(110deg,#172e48,#101d30);border:1px solid #395d7c;border-radius:15px}.identity-avatar{width:72px;height:72px;flex:0 0 72px;display:grid;place-items:center;background:linear-gradient(135deg,#64b4e5,#8a7cde);border-radius:20px;color:#0a1b2c;font-weight:900;font-size:32px}.identity-about{flex:1;min-width:0}.subtle-label{color:#84b6d8;font-size:9px;font-weight:850;letter-spacing:.15em}.identity-about h3{font-size:21px;letter-spacing:-.04em;margin:7px 0}.identity-about p{font-size:11px;color:#a3b8ca;margin:0;overflow-wrap:anywhere}.identity-right{display:flex;flex-direction:column;align-items:end;gap:18px}.identity-right a{font-size:11px;font-weight:800;color:#99dbfb}.chip-status{display:flex;align-items:center;gap:9px;border:1px solid #406c74;background:#1a403d55;border-radius:22px;padding:8px 12px;font-size:10px;color:#99e7d0}.foot{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:45px;padding:24px 0 30px;border-top:1px solid var(--line);color:#6d8ba4;font-size:9px;letter-spacing:.1em}.foot>div{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.foot b{font-size:14px;letter-spacing:.15em;color:#afcfe3}.foot a:hover{color:#b4e9ff}
.command[hidden]{display:none!important}.command{position:fixed;inset:0;z-index:150;display:grid;place-items:start center;padding:12vh 18px 20px}.command-backdrop{position:absolute;inset:0;background:#010713cc;backdrop-filter:blur(10px)}.command-card{position:relative;z-index:1;width:min(100%,560px);border:1px solid #507aa0;border-radius:17px;background:#13263b;box-shadow:0 30px 120px #000b;overflow:hidden}.command-header{display:flex;align-items:center;gap:12px;padding:17px 21px;color:#e1f6ff}.command-header .zi{color:#8fdbff}.command-header strong{flex:1}.command-header button{background:transparent;border:0;color:#a2c6da;font-size:26px}.command input{width:calc(100% - 42px);background:#081623;color:#ecf7ff;border:1px solid #4d7291;border-radius:9px;outline:none;padding:13px 14px;margin:0 21px 15px}.command-items{display:grid;padding:0 12px 10px;max-height:45vh;overflow-y:auto}.command-items a{display:flex;justify-content:space-between;padding:13px;border-radius:8px;font-size:12px;color:#abc8dc}.command-items a:hover,.command-items a:focus-visible{background:#254767;color:#fff}.command-items a[hidden]{display:none}.command-items span{color:#7ba9c9}.command-card>small{display:block;border-top:1px solid #2c4b66;padding:14px 20px;color:#7391b1;font-size:10px}
/* Shared account security error view */
.error-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 48% -5%,#173c5c61,transparent 40%),#080d17}.error-card{width:min(100%,560px);padding:38px;background:linear-gradient(145deg,#122841,#0d192b);border:1px solid #40627d;border-radius:22px;box-shadow:0 25px 75px #0008}.error-mark{width:60px;height:60px;border:1px solid #c887a7;border-radius:16px;color:#ffbcda;display:grid;place-items:center;background:#4b2438}.error-card h1{font-size:29px;letter-spacing:-.05em;margin:24px 0 12px}.error-card p{color:#adc7d9;font-size:13px;line-height:1.8}.error-card .hint{background:#17324a;border:1px solid #42617c;padding:16px;border-radius:11px;color:#aecfe3;margin:19px 0;font-size:12px;line-height:1.7}.error-actions{display:flex;gap:10px;flex-wrap:wrap}.error-actions a{padding:12px 15px;border-radius:10px;background:#213951;color:#e7f8ff;font-size:12px;font-weight:780}.error-actions a:first-child{background:linear-gradient(115deg,#66dfe1,#83b4ff);color:#041626}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes core{50%{transform:translateY(-7px) scale(1.025)}}@keyframes wave{50%{transform:scaleY(.35)}}
@media(max-width:1200px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.rail{padding:24px 15px}.intro{grid-template-columns:1fr .7fr}.intro h1{font-size:clamp(37px,4vw,56px)}.identity-instrument{min-height:385px}.instrument-disc{transform:translate(-50%,-50%) scale(.75)}}
@media(max-width:940px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.rail{align-items:center;padding:19px 9px}.brand-name,.rail-title,.rail-sep,.external span,.external>.zi:last-child,.nav-link span,.nav-arrow,.rail-seal,.rail-version{display:none}.rail-nav{margin-top:50px;width:100%}.nav-link{justify-content:center;padding:0}.external{margin-top:8px}.brand-mark{width:43px}.intro{grid-template-columns:1fr}.identity-instrument{display:none}.app-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product:last-child{grid-column:span 2;min-height:195px}.block-head p{max-width:200px}}
@media(max-width:690px){.app-shell{display:block}.rail{position:relative;height:auto;width:100%;flex-direction:row;padding:10px 15px;border-right:0;border-bottom:1px solid var(--line);justify-content:space-between}.rail-nav{display:flex;margin:0;width:auto;gap:5px}.nav-link{height:37px;min-height:37px;width:39px}.nav-link.is-current:before{left:50%;top:auto;bottom:0;width:17px;height:2px;transform:translateX(-50%)}.external,.rail-bottom{display:none}.toolbar{min-height:58px;padding:0 16px}.toolbar-action,.toolbar-sep,.security-pill{display:none}.breadcrumb{font-size:9px}.content-wrap{padding:18px 15px}.intro{min-height:0}.intro-text{padding:25px 22px}.intro h1{font-size:clamp(36px,8.4vw,48px)}.intro p{font-size:12px}.intro-proof{gap:10px;margin-top:20px}.status-strip{grid-template-columns:1fr;gap:9px}.status-strip>div{min-height:85px}.app-list,.settings-grid{grid-template-columns:1fr}.product,.product:last-child{grid-column:auto;min-height:220px}.block{margin-top:37px}.block-head{align-items:start;flex-direction:column;gap:7px}.block-head p{text-align:left;max-width:none}.identity-row{gap:13px;padding:16px;flex-wrap:wrap}.identity-avatar{width:58px;height:58px;flex-basis:58px}.identity-right{flex-basis:100%;flex-direction:row;justify-content:space-between;align-items:center}.foot{flex-direction:column;align-items:start}.foot>div{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}