/* $PETER Airdrop / terminal-editorial claim desk: charcoal, ivory and Neverland Lime, with a focused single-task flow. */
:root { --ink:#171a15; --ink-soft:#20241d; --ivory:#f3f1e9; --paper:#fbfaf4; --line:rgba(23,26,21,.15); --line-light:rgba(247,245,237,.17); --muted:#74776e; --lime:#c8ff45; --lime-dark:#5b7300; --blue:#819bc8; --ease:cubic-bezier(.23,1,.32,1); --shadow:0 18px 46px rgba(23,26,21,.08); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ivory); }
body { margin:0; color:var(--ink); background:var(--ivory); font-family:"Space Grotesk",sans-serif; }
a { color:inherit; text-decoration:none; } button,input { font:inherit; } a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
.site-shell { max-width:1520px; margin:0 auto; overflow:hidden; box-shadow:0 0 0 1px rgba(23,26,21,.05); }
.topbar { min-height:76px; padding:0 4.3vw; border-bottom:1px solid var(--line); background:rgba(243,241,233,.94); backdrop-filter:blur(14px); display:flex; align-items:center; justify-content:space-between; gap:22px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:700; letter-spacing:-.95px; white-space:nowrap; }.brand > span:last-child > span { color:#84aa19; padding:0 1px; }.brand-mark { width:31px; height:31px; display:grid; place-items:center; background:var(--ink); border-radius:8px; color:var(--lime); font-size:19px; overflow:hidden; }.brand-mark img { width:100%; height:100%; display:block; object-fit:cover; }.top-status { margin:0 0 0 auto; display:flex; align-items:center; gap:8px; color:#575b52; font-family:"DM Mono",monospace; font-size:10px; }.signal-dot { display:inline-block; width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 4px rgba(200,255,69,.17); }.top-links { display:flex; gap:18px; color:#5e6259; font-family:"DM Mono",monospace; font-size:10px; }.top-links a { border-bottom:1px solid transparent; transition:border .18s var(--ease),color .18s var(--ease); }.top-links a:hover { color:var(--ink); border-color:var(--ink); }
.ticker-strip { min-height:43px; padding:0 4.3vw; display:flex; align-items:center; gap:29px; border-bottom:1px solid var(--line); white-space:nowrap; overflow:hidden; font-family:"DM Mono",monospace; font-size:10px; }.ticker-live { display:flex; align-items:center; gap:8px; font-weight:500; }.ticker-item { display:flex; align-items:baseline; gap:8px; }.ticker-item span,.ticker-end { color:#85887e; }.ticker-item strong { font-weight:500; }.ticker-item em { color:#4e8e57; font-style:normal; }.ticker-end { margin-left:auto; }
.airdrop-intro { min-height:347px; padding:56px 4.3vw; position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.55fr); gap:34px; color:#f7f5ed; background:var(--ink); overflow:hidden; }.airdrop-intro::before { content:""; position:absolute; inset:0; opacity:.3; pointer-events:none; background-image:linear-gradient(90deg,transparent 57%,rgba(247,245,237,.2) 57.1%,transparent 57.2%),linear-gradient(rgba(247,245,237,.14) 1px,transparent 1px); background-size:100% 100%,100% 68px; }.airdrop-intro::after { content:""; position:absolute; width:530px; height:112px; right:-30px; bottom:50px; border:1px solid rgba(200,255,69,.27); border-radius:50%; transform:rotate(-17deg); box-shadow:0 0 0 68px rgba(200,255,69,.025),0 0 0 138px rgba(200,255,69,.02); }.intro-copy,.allocation-card { position:relative; z-index:1; }.eyebrow,.section-index { margin:0; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.42px; font-weight:500; }.eyebrow { color:var(--lime); }.airdrop-intro h1 { margin:16px 0 14px; max-width:690px; font-size:clamp(38px,4.35vw,61px); line-height:.97; letter-spacing:-3.5px; }.airdrop-intro h1 i,.wallet-content h2 i,.how-it-works h2 i { color:var(--lime); font-style:normal; }.intro-copy > p:not(.eyebrow) { max-width:600px; margin:0; color:#c0c4b9; font-size:15px; line-height:1.62; }.intro-copy strong { color:var(--lime); font-weight:500; }.intro-notice { max-width:520px; margin-top:23px; display:flex; gap:9px; align-items:flex-start; color:#b8bdb1; font-family:"DM Mono",monospace; font-size:10px; line-height:1.45; }.intro-notice > span:first-child { color:var(--lime); }.allocation-card { min-height:214px; border:1px solid rgba(247,245,237,.27); background:linear-gradient(145deg,rgba(200,255,69,.11),rgba(200,255,69,.01)); align-self:center; padding:15px; box-shadow:13px 13px 0 rgba(200,255,69,.08); }.allocation-top { display:flex; justify-content:space-between; color:#b7bcb0; font-family:"DM Mono",monospace; font-size:9px; }.chip { padding:4px 6px; background:#d9fa8c; color:#31400d; }.allocation-number { display:flex; flex-direction:column; margin-top:32px; letter-spacing:-3px; }.allocation-number span { color:#f7f5ed; font-size:clamp(38px,4.2vw,57px); font-weight:700; line-height:.87; }.allocation-number strong { margin-top:8px; color:var(--lime); font-size:17px; letter-spacing:-.5px; }.allocation-rule { width:100%; height:1px; margin:25px 0 13px; background:rgba(247,245,237,.23); }.allocation-meta { display:flex; justify-content:space-between; color:#b5baaf; font-family:"DM Mono",monospace; font-size:9px; }
.claim-desk { padding:63px 4.3vw 73px; background:var(--ivory); }.desk-header { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding-bottom:25px; border-bottom:1px solid var(--line); }.section-index { color:#898c84; }.desk-header h2 { margin:9px 0 0; font-size:29px; line-height:1; letter-spacing:-1.45px; }.desk-header > p { max-width:360px; margin:0; color:#6d7067; font-size:14px; line-height:1.55; }.claim-grid { display:grid; grid-template-columns:minmax(0,1.21fr) minmax(370px,.79fr); gap:20px; margin-top:20px; }.task-panel,.wallet-panel { border:1px solid var(--line); background:rgba(251,250,244,.75); box-shadow:var(--shadow); }.panel-title { min-height:42px; padding:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#777a71; font-family:"DM Mono",monospace; font-size:9px; }.task-row { min-height:97px; padding:14px 16px; display:grid; grid-template-columns:32px minmax(140px,1fr) auto 25px; align-items:center; gap:14px; border-bottom:1px solid var(--line); transition:background .18s var(--ease),transform .18s var(--ease); }.task-row:hover { background:#f4f3eb; transform:translateX(3px); }.task-number { color:#8c8f87; font-family:"DM Mono",monospace; font-size:12px; }.task-copy p { margin:0; font-size:15px; font-weight:700; letter-spacing:-.4px; }.task-copy small { display:block; margin-top:4px; color:#7b7e75; font-family:"DM Mono",monospace; font-size:9px; }.task-link { display:inline-flex; align-items:center; gap:7px; border-bottom:1px solid rgba(23,26,21,.22); padding-bottom:3px; color:#3e4c37; font-family:"DM Mono",monospace; font-size:10px; white-space:nowrap; transition:color .18s var(--ease),border .18s var(--ease); }.task-link:hover { color:#6d9100; border-color:#6d9100; }.task-check { position:absolute; opacity:0; pointer-events:none; }.task-check-label { display:grid; place-items:center; }.checkbox { width:20px; height:20px; display:grid; place-items:center; border:1px solid rgba(23,26,21,.24); color:transparent; font-family:"DM Mono",monospace; font-size:11px; cursor:pointer; transition:background .17s var(--ease),border .17s var(--ease),color .17s var(--ease); }.task-check:checked + .checkbox { background:var(--lime); border-color:#a5cc31; color:#25300d; }.task-note { margin:0; padding:13px 16px; display:flex; gap:7px; color:#7c7f77; font-family:"DM Mono",monospace; font-size:9px; line-height:1.45; }.task-note span { color:#739909; }.wallet-panel { background:var(--ink-soft); color:#f7f5ed; border-color:var(--ink-soft); }.wallet-panel .panel-title { border-color:var(--line-light); color:#aab0a4; }.wallet-content { min-height:196px; padding:24px; background:linear-gradient(135deg,rgba(200,255,69,.12),transparent 57%); position:relative; }.wallet-content::after { content:""; position:absolute; width:100px; height:100px; top:0; right:0; border-left:1px solid rgba(200,255,69,.17); border-bottom:1px solid rgba(200,255,69,.17); border-radius:0 0 0 100%; }.wallet-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:50%; color:var(--lime); background:rgba(200,255,69,.11); font-size:20px; }.wallet-content h2 { margin:18px 0 7px; font-size:24px; line-height:1.02; letter-spacing:-1px; }.wallet-content p { max-width:340px; margin:0; color:#aeb3a8; font-size:11px; line-height:1.5; }.wallet-form { padding:17px 15px 14px; border-top:1px solid var(--line-light); }.wallet-form label { display:block; margin-bottom:8px; color:#abb0a5; font-family:"DM Mono",monospace; font-size:9px; }.wallet-input { height:47px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid rgba(247,245,237,.28); background:#181c16; transition:border .18s var(--ease),box-shadow .18s var(--ease); }.wallet-input:focus-within { border-color:var(--lime); box-shadow:0 0 0 3px rgba(200,255,69,.14); }.wallet-input span { color:var(--lime); font-family:"DM Mono",monospace; font-size:11px; }.wallet-input input { min-width:0; width:100%; height:100%; border:0; outline:0; background:transparent; color:#f7f5ed; font-family:"DM Mono",monospace; font-size:10px; }.wallet-input input::placeholder { color:#7e8379; }.wallet-form button { width:100%; margin-top:9px; display:flex; align-items:center; justify-content:space-between; padding:12px 13px; border:0; background:var(--lime); color:var(--ink); font-size:11px; font-weight:700; cursor:pointer; transition:background .18s var(--ease),transform .17s var(--ease); }.wallet-form button:hover { background:#ddff7f; transform:translateY(-2px); }.form-disclaimer { margin:11px 0 0; color:#868b81; font-family:"DM Mono",monospace; font-size:8px; line-height:1.45; }
.how-it-works { min-height:258px; padding:46px 4.3vw; display:grid; grid-template-columns:.72fr 1.28fr; gap:46px; align-items:center; background:#e7e6de; position:relative; }.how-it-works::before { content:""; position:absolute; inset:0; opacity:.38; pointer-events:none; background-image:radial-gradient(rgba(23,26,21,.1) .7px,transparent .7px); background-size:7px 7px; }.how-it-works > * { position:relative; z-index:1; }.how-it-works h2 { margin:10px 0 0; font-size:29px; line-height:1.02; letter-spacing:-1.35px; }.flow-items { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.flow-items article { min-height:112px; padding:17px 15px; border-right:1px solid var(--line); }.flow-items article:last-child { border:0; }.flow-items span { color:#93968d; font-family:"DM Mono",monospace; font-size:10px; }.flow-items p { margin:23px 0 0; color:#3f433c; font-size:13px; line-height:1.45; font-weight:600; }.flow-items article:first-child { box-shadow:inset 3px 0 0 var(--lime); }.flow-items article:first-child span { color:#5c7904; }
.footer { padding:29px 4.3vw; display:flex; align-items:center; gap:24px; background:#151713; color:#7d8277; font-family:"DM Mono",monospace; font-size:10px; }.footer-brand { color:#f7f5ed; font-family:"Space Grotesk",sans-serif; }.footer p { margin:0; }.footer > div { margin-left:auto; display:flex; gap:18px; }.footer a:hover { color:var(--lime); }
@media (prefers-reduced-motion:no-preference) { .signal-dot { animation:signal 2.4s ease-in-out infinite; } } @keyframes signal { 0%,100% { box-shadow:0 0 0 3px rgba(200,255,69,.13); } 50% { box-shadow:0 0 0 6px rgba(200,255,69,.27); } }
@media (max-width:900px) { .claim-grid { grid-template-columns:1fr; }.airdrop-intro { grid-template-columns:1fr .6fr; }.task-row { grid-template-columns:32px minmax(150px,1fr) auto 25px; gap:9px; }.how-it-works { grid-template-columns:1fr; gap:24px; } }
@media (max-width:640px) { .topbar { min-height:67px; padding:0 18px; gap:10px; }.brand { font-size:14px; }.brand-mark { width:27px; height:27px; }.top-status { display:none; }.top-links { gap:9px; font-size:8px; }.ticker-strip { min-height:40px; padding:0 18px; gap:18px; }.ticker-live { font-size:8px; }.ticker-item { font-size:8px; gap:6px; }.ticker-item:nth-of-type(2),.ticker-end { display:none; }.airdrop-intro { min-height:490px; padding:43px 18px 39px; grid-template-columns:1fr; gap:25px; }.airdrop-intro h1 { font-size:39px; letter-spacing:-2.6px; }.intro-copy > p:not(.eyebrow) { font-size:13px; }.intro-notice { font-size:9px; }.allocation-card { min-height:154px; padding:12px; }.allocation-number { margin-top:21px; }.allocation-number span { font-size:43px; }.allocation-rule { margin:17px 0 11px; }.claim-desk { padding:44px 18px 51px; }.desk-header { display:block; padding-bottom:18px; }.desk-header h2 { font-size:25px; }.desk-header > p { margin:13px 0 0; font-size:12px; }.claim-grid { margin-top:14px; gap:14px; }.panel-title { font-size:8px; }.task-row { min-height:92px; padding:12px; grid-template-columns:25px minmax(0,1fr) 23px; gap:8px; }.task-copy p { font-size:13px; }.task-copy small { max-width:180px; font-size:8px; }.task-link { grid-column:2; width:max-content; margin-top:-8px; font-size:8px; }.task-check-label { grid-column:3; grid-row:1 / span 2; }.checkbox { width:19px; height:19px; }.task-note { font-size:8px; }.wallet-content { min-height:174px; padding:21px 16px; }.wallet-content h2 { font-size:22px; }.wallet-content p { font-size:10px; }.wallet-form { padding:15px 12px; }.how-it-works { min-height:0; padding:43px 18px; }.how-it-works h2 { font-size:25px; }.flow-items { grid-template-columns:1fr; }.flow-items article { min-height:80px; padding:14px; border-right:0; border-bottom:1px solid var(--line); }.flow-items article:last-child { border-bottom:0; }.flow-items p { margin:10px 0 0; font-size:12px; }.footer { padding:24px 18px; flex-wrap:wrap; gap:12px; }.footer p { width:100%; }.footer > div { width:100%; margin-left:0; justify-content:space-between; gap:6px; font-size:8px; } }