@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#141318;--surface:#1c1a22;--text:#eeeaf6;--muted:#a39dab;--line:#302c39;--purple:#b28aef;--tint:#2e233e;--panel:#211c2d;--shadow:0 12px 40px #0002}


*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'Manrope',sans-serif;transition:background .25s,color .25s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}button,a{touch-action:manipulation}.shell{max-width:1280px;margin:auto;padding:0 64px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:21px;font-weight:800;display:inline-flex;align-items:center;gap:11px;letter-spacing:-.7px}.brand-mark{display:inline-flex;width:34px;height:38px;align-items:center;justify-content:center;color:var(--purple);font-size:36px;line-height:1;font-weight:800;position:relative}.brand-mark span{font-size:21px;align-self:flex-end}.header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.header nav a{color:var(--muted)}.header nav .active{color:var(--text)}.header nav span{margin-left:7px}.theme-button{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:24px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:544px;gap:20px;padding:55px 0 48px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:10px}.tiny-hex{color:var(--purple);font-size:23px}.version{font-size:11px;letter-spacing:0;background:var(--tint);color:var(--purple);padding:3px 8px;border-radius:5px}h1{font-size:clamp(42px,4.6vw,66px);letter-spacing:-3.2px;line-height:1.1;margin:23px 0;position:relative;font-weight:800}.accent{color:var(--purple)}.headline-star{color:var(--purple);display:inline-block;font-size:40px;margin-left:12px;vertical-align:top}.intro{color:var(--muted);max-width:365px;font-size:16px;line-height:1.8}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#7951ce;color:white;padding:16px 23px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;margin-top:30px}.primary:hover{background:#6940bd;transform:translateY(-2px)}.primary span{font-size:21px}.small-note{font-size:12px;color:var(--muted);margin-top:12px}.portal{height:420px;position:relative;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse,#9b6ad635 0%,#a777c914 48%,transparent 70%);display:flex;align-items:center;justify-content:center;isolation:isolate}.portal-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#0008,transparent 70%);transform:rotate(-20deg)}.orbit{position:absolute;width:280px;height:280px;border:1px solid #a278d559;transform:rotate(30deg);border-radius:28%;animation:orbit 45s linear infinite}.orbit-two{width:340px;height:340px;border-color:#a278d530;animation-direction:reverse;border-radius:35%}.orbit-three{width:230px;height:230px;border:18px solid #ad89db16;transform:rotate(-15deg);border-radius:23%}.portal-center{width:184px;height:184px;border-radius:40px;transform:rotate(-12deg);background:linear-gradient(140deg,#c9b1e7,#8055b9 60%,#543384);box-shadow:inset 2px 3px 3px #ffffff80,inset -3px -3px 5px #39204d88,18px 24px 45px #57358640;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f7efff}.portal-center>span{font-size:112px;font-weight:800;line-height:1.05;text-shadow:3px 5px 1px #5a377b50}.portal-center i{font-size:10px;font-weight:700;font-style:normal;letter-spacing:4px;padding-left:4px}.spark{position:absolute;color:var(--purple)}.spark-one{right:45px;top:75px;font-size:36px}.spark-two{left:55px;bottom:77px;font-size:40px}.coordinate{position:absolute;right:20px;top:180px;writing-mode:vertical-rl;font:9px monospace;letter-spacing:2px;color:var(--muted)}.portal-caption{position:absolute;bottom:26px;font-size:12px;color:var(--muted)}.connect-strip{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:23px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow)}.connect-label{display:flex;gap:17px;align-items:center}.square-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:var(--tint);color:var(--purple);font-size:25px}.connect-label h2{font-size:16px;margin-bottom:4px}.connect-label p{font-size:12px;color:var(--muted)}.ip-button{background:var(--bg);border:1px solid var(--line);padding:10px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:45px;text-align:left;min-width:240px}.ip-button small{font-size:9px;color:var(--muted);letter-spacing:1.2px;display:block}.ip-button strong{font-size:15px;font-weight:600}.copy-icon{color:var(--muted);font-size:24px}.connect-help{font-size:13px;color:var(--muted);display:flex;gap:20px}.community{padding:65px 0;display:grid;grid-template-columns:1fr 1.8fr;gap:42px;align-items:center}.section-number{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.section-heading h2{font-size:24px;letter-spacing:-.8px;margin:12px 0}.section-heading p{font-size:13px;color:var(--muted)}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-card{display:flex;gap:14px;padding:22px 17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;transition:transform .2s,border-color .2s}.social-card:hover{transform:translateY(-3px);border-color:var(--purple)}.social-icon{color:var(--purple);font-size:30px;line-height:1}.telegram-icon{font-size:24px}.social-card h3{font-size:15px;margin-bottom:8px}.social-card p{font-size:12px;color:var(--muted);max-width:150px}.social-card small{font-size:10px;color:var(--muted);display:block;margin-top:10px}.arrow{position:absolute;right:12px;top:12px;color:var(--muted);font-size:14px}.support{border-top:1px solid var(--line);padding:48px 0 45px}.support-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.support-top h2{font-size:32px;letter-spacing:-1.2px;margin-top:13px;line-height:1.25}.support-top h2 span{color:var(--purple)}.support-top p{font-size:14px;color:var(--muted);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{padding:23px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:13px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:var(--purple)}.service-symbol{display:block;font-size:40px;color:var(--purple);line-height:1;margin-bottom:27px}.service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.service strong{display:block;font-size:16px;margin-bottom:5px}.service small{display:block;font-size:11px;color:var(--muted)}.preview-note{font-size:11px;color:var(--muted);margin-top:16px}footer{padding:26px 0 34px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;align-items:center}.footer-brand{font-size:16px}.footer-brand .brand-mark{font-size:27px;width:23px;height:28px}footer p,footer>span{font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:14px 22px;border-radius:10px;transition:.2s;z-index:5;font-size:14px;max-width:90vw;width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:36px;max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:#100a20a0;backdrop-filter:blur(5px)}dialog h2{margin:18px 0;font-size:29px}dialog p{color:var(--muted);font-size:15px}.close{float:right;background:transparent;font-size:28px;line-height:1}dialog .primary{width:100%}@keyframes orbit{to{rotate:360deg}}
@media(min-width:1450px){.hero{min-height:580px}}
@media(max-width:1000px){.shell{padding:0 32px}.hero{grid-template-columns:1.1fr 1fr}h1{font-size:52px}.headline-star{display:none}.portal{height:350px}.portal-center{width:155px;height:155px}.portal-center>span{font-size:95px}.connect-help{display:none}.community{grid-template-columns:1fr;gap:24px}.social-card p{max-width:none}.social-card{padding:24px}.support-top h2{font-size:29px}.service{padding:20px}footer p{display:none}}
@media(max-width:640px){.shell{padding:0 22px}.header{height:80px;gap:14px}.brand{font-size:18px}.header nav{gap:0}.header nav a:first-child{display:none}.header nav a{font-size:11px}.header nav span{display:none}.theme-button{width:36px;height:36px;flex-shrink:0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:38px 0 27px}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(42px,10vw,60px);letter-spacing:-2.3px;margin:20px 0}.intro{font-size:15px;max-width:340px}.primary{margin-top:24px;padding:15px 21px}.portal{height:285px;margin-top:14px;max-width:380px;width:100%;align-self:center}.portal-center{width:136px;height:136px;border-radius:30px}.portal-center>span{font-size:80px}.portal-center i{font-size:8px}.orbit-one{width:205px;height:205px}.orbit-two{width:260px;height:260px}.orbit-three{width:175px;height:175px}.spark-one{right:43px;top:32px;font-size:25px}.spark-two{left:39px;bottom:41px;font-size:29px}.coordinate{right:10px;top:90px;font-size:8px}.portal-caption{bottom:7px;font-size:10px}.connect-strip{padding:20px;display:block}.connect-label{gap:12px}.ip-button{margin-top:17px;width:100%;min-width:0}.community{padding:39px 0;gap:21px}.section-heading h2{font-size:23px}.social-links{grid-template-columns:1fr;gap:10px}.social-card{padding:20px;align-items:center}.social-card p{font-size:13px}.social-card small{margin-top:6px}.social-icon{width:32px}.support{padding:33px 0}.support-top{display:block}.support-top h2{font-size:29px}.support-top p{margin-top:17px;font-size:13px}.service-grid{grid-template-columns:1fr;gap:12px}.service{display:flex;align-items:center;gap:22px;padding:23px}.service-symbol{margin:0;width:37px;font-size:34px}.service-bottom{flex:1}.service small{font-size:12px}.preview-note{font-size:11px}footer{align-items:flex-start;padding:23px 0;gap:14px}footer>span{max-width:140px;text-align:right}.small-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.rank-list{margin-top:22px;display:grid;gap:8px}.rank-list[hidden]{display:none}.rank{display:flex;align-items:center;gap:13px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:9px;text-align:left}.rank:hover,.rank[aria-pressed=true]{border-color:var(--purple);background:var(--tint)}.rank-number{font-size:11px;color:var(--purple);font-weight:700}.rank strong{font-size:14px}.rank small{margin-left:auto;font-size:11px;color:var(--muted)}dialog{max-height:90dvh;overflow:auto}

/* Refined compact navigation and donation categories. */
.header nav{margin-left:auto;gap:28px}.header{gap:32px}.hero{min-height:470px;padding:30px 0}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.support{margin-top:40px}.support-top h2{margin:0}.service strong{margin:0}.portal-center .crystal-mark{font-size:140px;font-weight:400;line-height:1}.service{box-shadow:var(--shadow)}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.header{gap:18px}.header nav{gap:16px}.header nav a:first-child{display:block}.header nav a{font-size:12px}.hero{padding:28px 0 24px;min-height:0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service{display:block;padding:20px 16px}.service-symbol{margin-bottom:20px}.service-bottom strong{font-size:14px}.support{margin-top:30px}.portal-center .crystal-mark{font-size:100px}}@media(max-width:370px){.header{gap:10px}.header nav{gap:10px}.brand{font-size:16px}.service-grid{grid-template-columns:1fr}}

/* Neutral gray theme and restrained gothic wordmark. */
.header>.brand{font-size:30px;letter-spacing:-1px}.kirkwall{position:relative;isolation:isolate;display:inline-block;font:inherit;font-size:1.12em;color:inherit;padding:0 .18em;margin:0 .02em 0 -.18em}.kirkwall::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 -.14em;border-radius:4px;background:#00000022}.legal-footer{display:block;padding:26px 0 34px}.legal-footer p{display:block;font-size:12px;line-height:1.9;color:var(--muted);max-width:none;text-align:left}@media(max-width:640px){.header>.brand{font-size:25px}.legal-footer p{font-size:11px}.header{gap:14px}}@media(max-width:370px){.header>.brand{font-size:22px}.header{gap:9px}.header nav{gap:9px}}

/* Tighter spacing without crowding the text or controls. */
.hero{min-height:420px;padding:18px 0;gap:12px}.portal{height:380px}h1{margin:18px 0}.intro{line-height:1.9}.connect-strip{padding:20px 24px}.support{margin-top:28px;padding:32px 0}.support-top{margin-bottom:20px}.service-grid{gap:12px}.legal-footer{padding:22px 0 28px}@media(max-width:640px){.hero{min-height:0;padding:24px 0 18px;gap:0}.portal{height:255px;margin-top:4px}.connect-strip{padding:18px}.support{margin-top:24px;padding:26px 0}.support-top{margin-bottom:18px}}

.header nav a{font-size:16px;display:inline-flex;align-items:center;min-height:44px;padding:6px 4px}.header nav{gap:24px}@media(max-width:640px){.header nav{gap:12px}.header nav a{font-size:14px;padding:6px 2px}}@media(max-width:370px){.header{flex-wrap:wrap;height:auto;min-height:80px;padding:14px 0;gap:6px 12px}.header nav{gap:12px}.header>.brand{font-size:22px}}

/* Gentle entry motion and visible clipboard feedback. */
#service-dialog[open]{animation:menu-enter .3s cubic-bezier(.2,.75,.25,1) both}
#service-dialog[open]::backdrop{animation:backdrop-enter .3s ease-out both}
@keyframes menu-enter{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
.header nav a{position:relative;transition:transform .22s ease,color .22s ease}
.header nav a::after{content:"";position:absolute;bottom:5px;left:4px;right:4px;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.header nav a:hover,.header nav a:focus-visible{color:var(--purple);transform:translateY(-2px)}
.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
.header nav a:active{transform:translateY(0) scale(.97)}
.ip-button{transition:background .2s,border-color .2s}
.ip-button.copied{background:#38264e;border-color:#aa7be1}
.ip-button.copied strong{color:#ffffff}
.ip-button.copied small,.ip-button.copied .copy-icon{color:#d7c2f0}
.toast{background:#342345;color:#ffffff;border:1px solid #a778d6;box-shadow:0 10px 35px #0006;font-weight:600;z-index:100}
@media(prefers-reduced-motion:reduce){#service-dialog[open],#service-dialog[open]::backdrop{animation:none}.header nav a,.header nav a::after,.ip-button,.toast{transition:none}.header nav a:hover,.header nav a:focus-visible,.header nav a:active{transform:none}}

/* Centered animated emblem without text glyphs or floating star ornaments. */
.portal-center{position:absolute;left:50%;top:50%;z-index:1;width:clamp(132px,16vw,164px);height:auto;aspect-ratio:1;display:block;padding:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);animation:core-float 6s ease-in-out infinite}
.portal-center::before{content:"";position:absolute;inset:0;border-radius:32%;background:linear-gradient(145deg,#d8c2f2,#875ac1 58%,#52317f);box-shadow:inset 2px 3px 4px #ffffff85,inset -4px -5px 8px #35204b88,18px 24px 48px #57358655;animation:core-turn 24s ease-in-out infinite alternate}
.portal-center::after{content:"";position:absolute;inset:17%;border:1px solid #f1e6ff99;border-radius:28%;transform:rotate(33deg);box-shadow:0 0 36px #b987f277,inset 0 0 24px #f4e9ff30;animation:core-pulse 4.8s ease-in-out infinite}
@keyframes core-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}
@keyframes core-turn{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@keyframes core-pulse{0%,100%{transform:rotate(33deg) scale(.92);opacity:.58}50%{transform:rotate(48deg) scale(1.08);opacity:1}}
@media(max-width:640px){.portal-center{width:clamp(120px,35vw,148px)}}
@media(prefers-reduced-motion:reduce){.portal-center,.portal-center::before,.portal-center::after{animation:none}}

/* Distinct geometric HexStory emblem: vector facets, segmented orbit and subtle motion. */
.portal-center{width:clamp(168px,20vw,202px);background:none!important;box-shadow:none!important}
.portal-center::before{inset:17%;border-radius:50%;background:radial-gradient(circle,#b766e947 0%,#7f40b522 47%,transparent 74%);filter:blur(7px);box-shadow:none;animation:emblem-glow 4s ease-in-out infinite}
.portal-center::after{inset:9%;border:1px solid #c68aff55;border-radius:50%;transform:none;box-shadow:0 0 26px #a855f733;animation:emblem-halo 8s linear infinite}
.hex-emblem{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 22px #160b25a6);animation:emblem-hover 5.5s ease-in-out infinite}
.emblem-orbit{transform-origin:120px 120px;animation:emblem-spin 28s linear infinite}
.emblem-node{transform-box:fill-box;transform-origin:center;animation:node-pulse 2.8s ease-in-out infinite}
@keyframes emblem-hover{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.018)}}
@keyframes emblem-spin{to{transform:rotate(360deg)}}
@keyframes emblem-glow{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes emblem-halo{to{transform:rotate(360deg)}}
@keyframes node-pulse{0%,100%{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1.35)}}
@media(max-width:1000px){.portal-center{width:clamp(166px,24vw,194px)}}
@media(max-width:640px){.portal-center{width:clamp(148px,43vw,174px)}}
@media(prefers-reduced-motion:reduce){.portal-center,.portal-center::before,.portal-center::after,.hex-emblem,.emblem-orbit,.emblem-node{animation:none}}