html,body,#root{height:100%;min-width:320px;margin:0;background:#0f0f0f}:root{--ink: #0F0F0F;--paper: #FAFAFA;--paper-muted: rgba(250, 250, 250, .6);--paper-faint: rgba(250, 250, 250, .32);--primary: #5DE5EC;--primary-deep: #0E6E8C;--font-display: "Raleway", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:var(--font-display);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.glow{position:absolute;top:50%;right:8%;width:min(640px,70vw);height:min(640px,70vw);transform:translateY(-50%);background:radial-gradient(circle at 50% 50%,var(--primary) 0%,var(--primary-deep) 42%,transparent 72%);filter:blur(60px);opacity:.55;pointer-events:none}.hero{flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1200px;width:100%;margin:0 auto;padding:6rem 2rem 4rem;position:relative;z-index:1;opacity:0;animation:rise .9s ease-out .1s forwards}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero{animation:none;opacity:1}}.eyebrow{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:lowercase;color:var(--primary);margin:0 0 1.5rem}.headline{font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,4vw + 1rem,3.75rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 1.25rem;color:var(--paper)}.subhead{font-family:var(--font-display);font-weight:500;font-size:clamp(1.05rem,1vw + .9rem,1.25rem);line-height:1.5;color:var(--paper-muted);margin:0 0 2.5rem}.cta-row{display:flex;flex-wrap:wrap;gap:.9rem}.btn{font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.9rem 1.6rem;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:var(--ink);border:1px solid var(--primary)}.btn-primary:hover{opacity:.92}.btn-secondary{background:transparent;color:var(--paper);border:1px solid var(--paper-faint)}.btn-secondary:hover{border-color:var(--paper-muted)}.badge{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;background:var(--primary-deep);color:var(--paper);padding:.2rem .5rem;border-radius:999px}.photo-frame{position:relative;width:clamp(380px,24vw,320px);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;background:#fafafa08;box-shadow:0 0 0 1px #fafafa2e}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block}footer{position:relative;z-index:1;text-align:center;padding:2rem 2rem 2.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--paper-faint)}footer p{margin:0}footer .signoff{color:var(--paper-muted);margin:0 0 .4rem}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:2.5rem;padding:5rem 1.5rem 3rem;text-align:left}.photo-frame{width:clamp(160px,42vw,220px);order:-1}.glow{right:-20%;top:10%;transform:none}}