:root{--bg: #070a08;--bg-elevated: #0e1511;--ink: #e8f0e9;--muted: #8a9a8e;--lime: #b8f255;--lime-dim: #8bc22a;--danger: #ff7a7a;--border: rgba(184, 242, 85, .18);--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(1.25rem,4vw,2.5rem);overflow-x:hidden}.page__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);animation:rise-in .5s ease-out both}.site-header__logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}.site-header__mark{color:var(--lime);display:inline-flex}.site-header__name{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.site-nav{display:flex;gap:.35rem}.site-nav__link{padding:.45rem .85rem;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.9rem;transition:color .15s ease,background .15s ease}.site-nav__link:hover{color:var(--ink)}.site-nav__link--active{color:#0a0f0c;background:var(--lime)}.site-nav__link--active:hover{color:#0a0f0c}.page__glow{position:absolute;inset:-20% auto auto 50%;translate:-50% 0;width:min(90vw,720px);height:min(55vh,480px);background:radial-gradient(ellipse at center,rgba(184,242,85,.16),transparent 70%);pointer-events:none;animation:glow-breathe 6s ease-in-out infinite}.page__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,242,85,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(184,242,85,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);pointer-events:none;opacity:.7}.hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:min(100%,42rem);margin:0 auto;gap:1.25rem;animation:rise-in .7s ease-out both}.hero__brand{display:flex;align-items:center;gap:.85rem}.hero__name{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.75rem,10vw,4.5rem);letter-spacing:-.04em;line-height:.95}.learn{width:min(100%,40rem);margin:0 auto;padding-bottom:1rem;animation:rise-in .7s ease-out both}.learn__intro{margin-bottom:2rem}.learn__eyebrow{margin:0 0 .5rem;color:var(--lime);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.learn__title{margin:0 0 .75rem;font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,6vw,2.75rem);letter-spacing:-.03em;line-height:1.05}.learn__lede{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.5;max-width:34rem}.learn__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.learn__item{display:grid;grid-template-columns:auto 1fr;gap:.9rem 1.1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.learn__step{font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--lime);line-height:1.4}.learn__heading{margin:0 0 .4rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.learn__body{margin:0;color:var(--muted);line-height:1.55;font-size:.98rem}.learn__cta{margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--muted)}.learn__link{color:var(--lime);font-weight:600;text-decoration:none}.learn__link:hover{text-decoration:underline;text-underline-offset:3px}.hero__tagline{margin:0;max-width:28rem;color:var(--muted);font-size:clamp(1.05rem,2.5vw,1.2rem);line-height:1.45;animation:rise-in .7s ease-out .08s both}.shorten{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem;animation:rise-in .7s ease-out .16s both}.shorten__row{display:flex;flex-direction:column;gap:.65rem}@media(min-width:640px){.shorten__row{flex-direction:row;align-items:stretch}}.shorten__input{flex:1;min-width:0;padding:.95rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:#0e1511e6;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.shorten__input::placeholder{color:#5f7164}.shorten__input:focus-visible{border-color:var(--lime);box-shadow:0 0 0 3px #b8f25533}.shorten__input:disabled{opacity:.7}.shorten__submit{flex-shrink:0;padding:.95rem 1.4rem;border:none;border-radius:12px;background:var(--lime);color:#0a0f0c;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}.shorten__submit:hover:not(:disabled){background:#c8ff6a;transform:translateY(-1px)}.shorten__submit:active:not(:disabled){transform:translateY(0)}.shorten__submit:disabled{opacity:.65;cursor:wait}.shorten__hint{margin:0;color:var(--lime-dim);font-size:.95rem}.shorten__error{margin:0;color:var(--danger);font-size:.95rem}.shorten__result{padding:1rem 0 0;border-top:1px solid var(--border);animation:result-in .35s ease-out both}.shorten__result-label{margin:0 0 .45rem;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.shorten__result-row{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.shorten__result-row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.shorten__link{font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,3vw,1.25rem);color:var(--lime);text-decoration:none;word-break:break-all}.shorten__link:hover{text-decoration:underline;text-underline-offset:3px}.shorten__actions{display:flex;gap:.5rem;flex-shrink:0}.shorten__ghost{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.shorten__ghost:hover{border-color:#b8f25573;background:#b8f25514}.shorten__meta{margin:.65rem 0 0;color:var(--muted);font-size:.85rem}.footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:2rem;color:var(--muted);font-size:.85rem}.footer__dot{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.6}.toast-viewport{position:fixed;z-index:50;top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);display:flex;flex-direction:column;gap:.65rem;width:min(calc(100vw - 1.5rem),22rem);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;padding:.85rem .9rem;border-radius:12px;border:1px solid var(--border);background:#0e1511f5;box-shadow:0 12px 40px #00000059;animation:toast-in .32s ease-out both}.toast--success{border-color:#b8f25573}.toast--error{border-color:#ff7a7a80}.toast--info{border-color:var(--border)}.toast__message{margin:0;flex:1;font-size:.92rem;line-height:1.4;word-break:break-word}.toast--success .toast__message{color:var(--lime)}.toast--error .toast__message{color:var(--danger)}.toast__close{appearance:none;flex-shrink:0;margin:-.2rem -.15rem 0 0;padding:.1rem .35rem;border:none;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer}.toast__close:hover{color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translate(1.25rem)}to{opacity:1;transform:translate(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes glow-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page__glow,.site-header,.hero,.hero__tagline,.shorten,.shorten__result,.learn,.toast{animation:none}}