@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f3f6f2;font-synthesis:none;background:#050505;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 18%,#142915 0,#080b08 28%,#050505 65%);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell,.setup{width:min(1240px,100% - 40px);margin:0 auto}.setup{color:#efffe5;place-content:center;min-height:100vh;display:grid}.setup h1{margin:0;font-size:clamp(2rem,7vw,5rem)}.setup code{color:#a5ff18}.nav{border-bottom:1px solid #ffffff1c;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:92px;display:grid}.brand{color:#f8faf4;letter-spacing:-.07em;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand>span:last-child>span{color:#a5ff18}.brand-icon{object-fit:cover;object-position:center;border:1px solid #a5ff18cc;border-radius:50%;width:36px;height:36px}.nav-center,.kicker,.label,footer,.identity-footer{letter-spacing:.15em;font-family:DM Mono,monospace;font-size:10px}.nav-center{color:#a7ada6;text-transform:uppercase;align-items:center;display:flex}.live-dot{background:#a5ff18;border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 12px #a5ff18}.chain-id{color:#a5ff18;margin-left:7px}.nav-actions{justify-self:end;align-items:center;gap:9px;display:flex}.wallet-button{color:#c7ff70;text-transform:uppercase;letter-spacing:.08em;background:#a5ff180f;border:1px solid #a5ff18bf;padding:12px 16px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s}.x-button{color:#f5f8f1;border:1px solid #ffffff3d;place-items:center;width:38px;height:38px;font:18px/1 Arial,sans-serif;text-decoration:none;transition:all .2s;display:grid}.x-button:hover{color:#081000;background:#a5ff18;border-color:#a5ff18}.wallet-button:hover,.hero-cta:hover{color:#071000;background:#a5ff18;box-shadow:0 0 24px #a5ff1840}.hero{isolation:isolate;background:#020202;border:1px solid #ffffff1f;min-height:515px;margin-top:20px;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:linear-gradient(90deg,#000000fa 0%,#000000db 28%,#0000001f 65%,#00000080 100%);position:absolute;inset:0}.hero:after{content:"";z-index:2;pointer-events:none;opacity:.2;mix-blend-mode:screen;background-image:linear-gradient(#a5ff1829 1px,#0000 1px);background-size:100% 6px;position:absolute;inset:0}.hero>img{object-fit:contain;object-position:center;opacity:.98;width:100%;height:100%;position:absolute;inset:0}.hero-copy{z-index:3;width:min(570px,54%);padding:85px 65px;position:relative}.kicker{color:#a5ff18;text-transform:uppercase;margin:0 0 14px}.hero h1{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(2.7rem,5vw,5rem);line-height:.95}.hero h1 em{color:#a5ff18;font-style:normal}.hero-copy>p:not(.kicker){color:#c2c8bf;max-width:390px;margin:22px 0 30px;font-size:15px;line-height:1.6}.hero-cta{color:#d8ff9d;letter-spacing:.12em;border:1px solid #a5ff18;align-items:center;gap:35px;padding:14px 16px;font:11px DM Mono,monospace;text-decoration:none;transition:all .2s;display:inline-flex}.hero-cta span{font-size:19px;line-height:10px}.contract-status{color:#a0a99a;letter-spacing:.13em;margin:17px 0 0;font:10px DM Mono,monospace}.contract-status strong{color:#a5ff18;font-weight:500}.token-bar{border-bottom:1px solid #ffffff1f;grid-template-columns:auto 1.2fr 1.7fr auto;align-items:center;gap:20px;margin:0 22px;padding:22px 0;display:grid}.token-avatar{color:#a5ff18;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:#142c0b;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.token-avatar img{object-fit:cover;width:100%;height:100%}.image-fallback{color:#a5ff18;background:#142c0b;place-items:center;width:100%;height:100%;display:grid}.label{color:#838982;margin:0 0 6px}.token-bar h2{letter-spacing:-.045em;margin:0;font-size:19px}.token-bar h2 span{color:#a5ff18;margin-left:6px}.token-uri code{color:#d1d6cd;white-space:nowrap;text-overflow:ellipsis;max-width:330px;font:11px DM Mono,monospace;display:block;overflow:hidden}.token-fee{text-align:right}.token-fee strong{color:#e6ffe0;font-family:DM Mono,monospace;font-size:15px}.studio-grid{grid-template-columns:.9fr 1.1fr;gap:18px;margin:55px 0 18px;display:grid}.identity-card,.change-card{background:#0e110de0;border:1px solid #ffffff24}.identity-card{background:linear-gradient(155deg,#151a14,#0a0b09 63%);min-height:670px;padding:34px;position:relative;overflow:hidden}.identity-card:before{content:"";border:1px solid #a5ff1840;border-radius:50%;width:330px;height:330px;position:absolute;top:-140px;right:-140px;box-shadow:0 0 100px #a5ff1814}.scan-line{opacity:.65;background:#a5ff18;width:100%;height:1px;position:absolute;top:68%;left:0;box-shadow:0 0 12px #a5ff18}.identity-card h2{text-transform:uppercase;letter-spacing:-.08em;margin:0;font-size:clamp(2.6rem,4vw,4rem);line-height:.88;position:relative}.identity-card h2 span{color:#a5ff18}.identity-copy{color:#aab2a8;max-width:280px;margin-top:24px;font-size:14px;line-height:1.55;position:relative}.gorilla-wrap{mix-blend-mode:screen;place-items:end center;height:395px;display:grid;position:absolute;inset:auto 0 30px;overflow:hidden}.gorilla-wrap:after{content:"";background:radial-gradient(#a5ff182e,#0000 68%);height:35%;position:absolute;inset:auto 10% 0}.gorilla-wrap img{filter:contrast(1.14)saturate(1.13);z-index:1;width:79%;height:auto;position:relative}.change-card{background:linear-gradient(135deg,#121910fa,#080a08fa);padding:34px}.card-heading{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:start;padding-bottom:28px;display:flex}.card-heading h2{letter-spacing:-.06em;margin:0;font-size:31px}.paid-badge{color:#a5ff18;letter-spacing:.12em;border:1px solid #4d7f10;padding:7px 9px;font:9px DM Mono,monospace}form{padding-top:18px}form label{gap:9px;margin:17px 0;display:grid}form label span,.payment-callout>div>span{color:#b1b8ac;letter-spacing:.13em;font:10px DM Mono,monospace}input{color:#f7fff1;background:#00000047;border:1px solid #31382e;outline:none;width:100%;padding:14px 15px;transition:border .2s,box-shadow .2s}input::placeholder{color:#60675e}input:focus{border-color:#a5ff18;box-shadow:0 0 0 3px #a5ff1814}.payment-callout{background:linear-gradient(90deg,#a5ff181a,#a5ff1804);border-left:2px solid #a5ff18;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:28px 0 18px;padding:15px;display:grid}.eth-icon{color:#a5ff18;font:30px/1 Georgia,serif}.payment-callout strong{color:#eaffe0;margin-top:4px;font:600 16px DM Mono,monospace;display:block}.payment-callout small{color:#9ea79a;text-align:right;font-size:11px}.image-upload{cursor:pointer;background:#a5ff1809;border:1px dashed #4b573f;margin-top:4px;padding:13px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-controls{align-items:center;gap:12px;min-height:36px;display:flex}.file-picker{color:#caff7b;letter-spacing:.08em;background:#14200c;border:1px solid #699d20;padding:9px 10px;font:10px DM Mono,monospace}.file-name{color:#aeb8a5;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;min-width:0;font:10px DM Mono,monospace;overflow:hidden}.image-upload small{color:#8f9989;font:10px/1.5 DM Mono,monospace}.image-preview{color:#aeb9a6;letter-spacing:.12em;background:#a5ff180b;border:1px solid #a5ff183d;align-items:center;gap:11px;min-height:52px;padding:8px;font:10px DM Mono,monospace;display:flex}.image-preview img,.image-preview .image-fallback{object-fit:cover;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);flex:0 0 36px;width:36px;height:36px}.submit-button{color:#0b1207;letter-spacing:.12em;background:#a5ff18;border:0;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;font:700 12px DM Mono,monospace;transition:all .2s;display:flex}.submit-button:hover:not(:disabled){background:#d5ff86;transform:translateY(-1px);box-shadow:0 0 32px #a5ff1854}.submit-button:disabled{cursor:wait;opacity:.65}.submit-button span{font-size:20px}.status{color:#c8d1c2;overflow-wrap:anywhere;background:#a5ff180f;border-left:2px solid #a5ff18;margin:22px 0 0;padding:10px 12px;font:11px/1.5 DM Mono,monospace}footer{color:#778076;border-top:1px solid #ffffff1a;justify-content:space-between;padding:20px 0 32px;display:flex}footer a{color:#a5ff18;text-decoration:none}@media (width<=820px){.nav{grid-template-columns:1fr auto}.nav-center{display:none}.hero{min-height:470px}.hero-copy{width:78%;padding:55px 35px}.hero:before{background:linear-gradient(90deg,#000000f2,#0000008c)}.token-bar{grid-template-columns:auto 1fr auto}.token-uri{display:none}.studio-grid{grid-template-columns:1fr}.identity-card{min-height:570px}.gorilla-wrap{height:340px}}@media (width<=540px){.app-shell,.setup{width:min(100% - 24px,1240px)}.nav{min-height:72px}.wallet-button{padding:10px;font-size:9px}.hero{min-height:500px}.hero-copy{width:100%;padding:45px 24px}.hero h1{font-size:3rem}.token-bar{grid-template-columns:auto 1fr;gap:12px;margin:0}.token-fee{text-align:left;grid-column:2}.studio-grid{margin-top:30px}.identity-card,.change-card{padding:23px}.identity-card{min-height:540px}.gorilla-wrap img{width:94%}.card-heading h2{font-size:28px}.payment-callout{grid-template-columns:auto 1fr}.payment-callout small{text-align:left;grid-column:2}footer{flex-wrap:wrap;gap:15px;font-size:8px}}