*{margin:0;padding:0}body{min-height:100vh;background-color:#0a0a0a;color:#eee}.app{min-height:100vh;background-color:#0a0a0a;color:#eee;font-family:Inter,system-ui,-apple-system,sans-serif}.header{position:sticky;top:0;z-index:100;background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.header__container{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.ticker{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:border-color .2s}.ticker:hover{border-color:#f7931a4d}.ticker__indicator{width:8px;height:8px;border-radius:50%;background-color:#f7931a;transition:background-color .3s ease}.ticker__content{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.ticker__label{color:#fff9}.ticker__price{color:#fff;font-variant-numeric:tabular-nums}.ticker__status{font-size:.8rem;color:#ffffff80;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nostr-login{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:border-color .2s}.nostr-login:hover{border-color:#f7931a4d}.nostr-login__btn{background:transparent;border:none;color:#eee;font-size:.9rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.nostr-login__btn:hover:not(:disabled){color:#f7931a}.nostr-login__btn:disabled{opacity:.6;cursor:not-allowed}.nostr-login--connected{background:#10b9811a;border-color:#10b9814d}.nostr-login__npub{font-size:.85rem;color:#10b981;font-variant-numeric:tabular-nums}.nostr-login__btn--logout{color:#ffffff80;font-size:1rem;line-height:1;padding:.25rem}.nostr-login__btn--logout:hover{color:#ef4444}.nostr-login--error{background:#ef44441a;border-color:#ef44444d}.nostr-login__link{color:#f7931a;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nostr-login__link:hover,.nostr-login__btn--retry{color:#ffa726}.container{max-width:960px;margin:0 auto;padding:0 1.5rem 4rem}.hero{text-align:center;padding:4rem 1.5rem 5rem}.hero__headline{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.15}.hero__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#ffffffbf;margin:0 0 2rem;font-weight:500}.hero__cta{display:inline-block;padding:.75rem 1.75rem;background-color:#f7931a;color:#0a0a0a;font-weight:600;text-decoration:none;border-radius:8px;transition:background-color .2s,transform .15s}.hero__cta:hover{background-color:#ffa726;transform:translateY(-1px)}.section-title{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#eee}.projects{margin-bottom:4rem}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#f7931a40;box-shadow:0 8px 32px #0000004d}.card__title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.card__description{font-size:.95rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.5}.card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{font-size:.75rem;padding:.25rem .6rem;background:#ffffff14;border-radius:6px;color:#ffffffd9}.card__actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;border-radius:6px;transition:background-color .2s,color .2s,border-color .2s}.btn--primary{background-color:#f7931a;color:#0a0a0a;border:1px solid #F7931A}.btn--primary:hover{background-color:#ffa726;border-color:#ffa726}.btn--secondary{background:transparent;color:#eee;border:1px solid rgba(255,255,255,.25)}.btn--secondary:hover{border-color:#f7931a;color:#f7931a}.skills__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.skills__item{padding:.5rem 1rem;background:#1e1e1e99;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.95rem;color:#ffffffe6}.skills__item:hover{border-color:#f7931a66;color:#f7931a}.footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.footer p{margin:0;font-size:.9rem;color:#ffffff80}@media(max-width:640px){.header__container{flex-direction:column;gap:.75rem}.ticker,.nostr-login{width:100%;justify-content:center}.hero{padding:3rem 1rem 4rem}.container{padding:0 1rem 3rem}.card__actions{flex-direction:column}.btn{text-align:center}}