*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#08080b}a{text-decoration:none;color:inherit}.page{min-height:100vh;position:relative;overflow:hidden}.page-shell{width:min(100% - 32px,680px);margin:auto;position:relative;z-index:2;padding:48px 0 28px}.noise{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.kramsai-page{background:radial-gradient(circle at 50% 8%,#28134c 0,#110d1c 30%,#07070a 68%)}.kramsai-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(155,76,255,.22),transparent 28%),radial-gradient(circle at 15% 70%,rgba(92,38,180,.1),transparent 25%)}.profile{text-align:center}.profile-logo{margin:auto;width:154px;height:154px;border-radius:50%;overflow:hidden;box-shadow:0 0 50px rgba(167,86,255,.3),0 0 0 1px hsla(0,0%,100%,.12)}.profile-logo img{width:100%;height:100%;object-fit:cover}.badge,.cyber-label{display:inline-block;margin-top:20px;border:1px solid rgba(185,126,255,.3);border-radius:999px;padding:7px 12px;font-size:9px;letter-spacing:2.2px;color:#c9a7ff;background:rgba(135,67,220,.08)}.profile h1{margin:18px 0 4px;color:#fff;font-size:44px;letter-spacing:7px;font-weight:800}.profile h1 em{font-style:normal;color:#b66cff}.profile p{margin:0;color:#aaa1b7;font-size:14px}.intro{text-align:center;margin:34px auto 36px;padding:22px;border-top:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08)}.intro p{margin:0;color:#d0cbd5;line-height:1.7;font-size:14px}.section-label{display:flex;gap:10px;align-items:center;color:#8e8797;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.section-label span{color:#a15aff}.link-stack{display:grid;grid-gap:10px;gap:10px}.social-button{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:hsla(0,0%,100%,.045);transition:.2s;box-shadow:0 8px 30px rgba(0,0,0,.16)}.social-button:hover{transform:translateY(-2px);border-color:rgba(178,105,255,.55);background:rgba(153,76,255,.1)}.social-button__icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(169,89,255,.13);color:#c58cff}.social-button svg{width:20px;height:20px;fill:currentColor}.social-button__copy{display:flex;flex-direction:column;gap:3px;flex:1 1}.social-button b{color:#fff;font-size:14px}.social-button small{color:#89838e;font-size:11px}.arrow{color:#9d95a6;font-size:19px}.join-card{margin:30px 0;position:relative;overflow:hidden;padding:22px;border-radius:18px;border:1px solid rgba(182,108,255,.32);background:linear-gradient(135deg,rgba(132,54,218,.2),hsla(0,0%,100%,.04));box-shadow:0 0 45px rgba(125,54,220,.1)}.join-card__mark{position:absolute;right:-10px;top:-35px;font-size:150px;font-weight:900;color:rgba(187,103,255,.06);line-height:1}.join-card__copy{position:relative}.join-card__copy>span{font-size:11px;color:#bda7cf}.join-card h2{margin:7px 0;color:#fff;font-size:23px}.join-card p{margin:0 0 18px;color:#a59cae;font-size:12px;line-height:1.5;max-width:460px}.join-button{position:relative;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-radius:11px;background:#a05bff;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(160,91,255,.25)}.join-button:hover{background:#b06cff}footer{display:flex;justify-content:space-between;color:#615b66;font-size:9px;letter-spacing:1.5px;margin-top:40px}.chooser{min-height:100vh;background:#09090c;color:#fff;display:grid;place-items:center;padding:24px;overflow:hidden;position:relative}.chooser__content{width:min(100%,680px);position:relative;z-index:2}.chooser .eyebrow{color:#a969ff;font-size:10px;letter-spacing:3px}.chooser h1{font-size:42px;margin:12px 0 8px}.chooser p{color:#8d8892;margin:0 0 28px}.chooser__links{display:grid;grid-gap:12px;gap:12px}.chooser-card{display:flex;align-items:center;gap:15px;padding:14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.045)}.chooser-card img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#000}.chooser-card span{display:flex;flex-direction:column;gap:5px;flex:1 1}.chooser-card small{font-size:11px;color:#888}.chooser-card i{font-size:22px;color:#aaa;font-style:normal}.chooser-card--kramsai:hover{border-color:#a25aff}.chooser-card--toten:hover{border-color:#08bfff}.chooser__glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22}.chooser__glow--one{width:350px;height:350px;background:#7624c9;top:-100px;left:-100px}.chooser__glow--two{width:350px;height:350px;background:#007caa;bottom:-100px;right:-100px}.toten-page{background:#030508;color:#fff}.toten-orb{position:absolute;width:800px;height:800px;left:50%;top:-300px;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,190,255,.15),rgba(0,20,35,.03) 50%,transparent 70%);filter:blur(15px)}.toten-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(0,174,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(0,174,255,.08) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);transform:perspective(500px) rotateX(55deg) scale(1.8);transform-origin:50% 100%;top:40%}.toten-shell{padding-top:36px}.toten-profile{text-align:center}.toten-logo{width:min(78vw,390px);height:255px;margin:0 auto 6px;display:grid;place-items:center;filter:drop-shadow(0 0 25px rgba(0,174,255,.18));overflow:hidden}.toten-logo img{width:100%;height:100%;object-fit:contain;transform:scale(.88);transform-origin:center}.cyber-label{color:#00d9ff;border-color:rgba(0,213,255,.32);background:rgba(0,170,255,.06)}.toten-profile h1{font-size:28px;margin-top:10px;letter-spacing:5px;font-weight:800}.toten-profile h1 span{font-size:11px;color:#71818c;letter-spacing:2px;vertical-align:middle}.toten-intro{text-align:center;margin:26px 0 34px}.toten-intro p{color:#a8b2b8;font-size:14px;margin:0 0 14px}.genres{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.genres span{padding:6px 9px;border:1px solid rgba(0,196,255,.22);background:rgba(0,164,255,.05);color:#d2e9ef;font-size:8px;letter-spacing:1.5px}.toten-intro strong{display:block;margin-top:18px;font-size:12px;letter-spacing:5px;color:#ff7b00}.toten-divider{display:flex;align-items:center;gap:12px;color:#53646e;font-size:8px;letter-spacing:2px;margin-bottom:12px}.toten-divider:after{content:"";height:1px;background:linear-gradient(90deg,rgba(0,198,255,.35),transparent);flex:1 1}.toten-divider b{color:#00caff;font-size:9px}.toten-links{display:grid;grid-gap:10px;gap:10px}.toten-button{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid rgba(0,188,255,.17);background:rgba(3,17,24,.74);-webkit-clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:.2s}.toten-button:hover{transform:translateX(4px);border-color:rgba(0,220,255,.7);background:rgba(0,100,135,.15);box-shadow:0 0 24px rgba(0,188,255,.08)}.toten-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(0,204,255,.3);color:#00caff}.toten-icon svg{width:20px;height:20px;fill:currentColor}.toten-button span:nth-child(2){flex:1 1;display:flex;flex-direction:column;gap:3px}.toten-button b{font-size:13px;letter-spacing:.5px}.toten-button small{color:#60727d;font-size:10px}.toten-button i{font-style:normal;color:#00caff}.toten-footer{border-top:1px solid rgba(0,188,255,.1);padding-top:15px;color:#3d515c}@media(max-width:560px){.page-shell{width:min(100% - 24px,680px);padding-top:30px}.profile h1{font-size:35px;letter-spacing:5px}.profile-logo{width:135px;height:135px}.join-card h2{font-size:20px}.toten-logo{height:235px;width:90vw}.toten-profile h1{font-size:22px;letter-spacing:3px}.chooser h1{font-size:34px}}