:root{color-scheme:dark light;--bg: #282828;--fg: #e8e8e8;--fg-dim: #b9b9b9;--line: rgba(232, 232, 232, .35);--accent: #ff6b5e;--accent-2: #ffd166;--card-bg: #fcfcfc;--card-fg: #383838;--card-muted: #6b6b6b;--card-rule: #e5e6e9;--card-shadow: none}@media(prefers-color-scheme:light){:root{--bg: #f4f2ee;--fg: #2e2e2e;--fg-dim: #5f5f5f;--line: rgba(46, 46, 46, .35);--accent: #e2574a;--accent-2: #c9930f;--card-bg: #ffffff;--card-shadow: 0 2px 14px rgba(0, 0, 0, .07)}}*,*:before,*:after{box-sizing:border-box}html{height:100%;font-size:clamp(16px,12.5px + .33vw,21px)}body{min-height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:Fira Sans,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1.25rem;animation:rise .8s ease both}.hero:before,.hero:after{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 65%);opacity:.13;pointer-events:none;animation:drift 21s ease-in-out infinite}.hero:before{top:-12rem;left:-10rem}.hero:after{bottom:-14rem;right:-10rem;background:radial-gradient(circle,var(--accent-2) 0%,transparent 65%);animation-duration:27s;animation-direction:reverse}.hero>div{position:relative}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2.5rem,-1.5rem) scale(1.08)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hero img{width:clamp(9.5rem,7rem + 6vw,12.5rem);height:auto;padding:4px;border-radius:50%;background:conic-gradient(from var(--angle),var(--accent),var(--accent-2),var(--accent));margin-bottom:1.25rem;animation:spin-ring 9s linear infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hero img:hover{transform:rotate(4deg) scale(1.06)}@keyframes spin-ring{to{--angle: 360deg}}.hero h1{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);font-weight:300;letter-spacing:.02em;margin:0 0 1rem}.grad{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:400;animation:shimmer 7s linear infinite}@keyframes shimmer{to{background-position:200% center}}.wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.4s ease .8s 2}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-4deg)}}.hero .tagline{font-size:1rem;color:var(--fg-dim);margin:0 auto 1.75rem;max-width:30rem}.hero .social{margin-bottom:1.75rem}.sep{color:var(--accent-2);font-size:.8rem;margin:1.1rem auto;user-select:none}.social{display:flex;justify-content:center;gap:.75rem;list-style:none;margin:0;padding:0}.social a{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.social a:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:scale(1.12) rotate(8deg)}.social svg{width:1.1rem;height:1.1rem;fill:currentColor}.btn-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.btn{display:inline-block;padding:.45rem 1.4rem;border:1px solid var(--line);border-radius:3px;font:inherit;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:inherit;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{background:var(--fg);border-color:var(--accent);color:var(--bg);transform:scale(1.05) rotate(-1.5deg)}.page-head{text-align:center;padding:3.5rem 1.25rem 2.5rem;animation:rise .8s ease both}.page-head h1{font-size:1.5rem;font-weight:300;letter-spacing:.04em;margin:0 0 1.25rem}.content-card{max-width:46rem;margin:0 auto 4rem;padding:2.5rem clamp(1.25rem,5vw,3rem);background:var(--card-bg);color:var(--card-fg);border-radius:4px;border-top:3px solid var(--accent);box-shadow:var(--card-shadow);animation:rise .8s ease .1s both}.content-card a{color:#1756a9}.content-card a:hover{text-decoration:underline wavy;text-decoration-color:var(--accent);text-underline-offset:3px}.content-card h2{font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--card-rule);padding-bottom:.35rem;margin:2.25rem 0 1rem}.content-card h2:before{content:"✦ ";color:var(--accent)}.content-card h2:first-child{margin-top:0}@media(max-width:480px){.content-card{border-radius:0;margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}