:root{--bg: #f6fbff;--bg-2: #ffffff;--text: #102033;--muted: #61758a;--primary: #3b82f6;--primary-soft: rgba(59, 130, 246, .12);--border: rgba(16, 32, 51, .08);--shadow: 0 24px 80px rgba(104, 140, 180, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef7ff);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh}.ambient{position:absolute;inset:auto;width:34rem;height:34rem;border-radius:999px;filter:blur(60px);opacity:.45;pointer-events:none}.ambient-one{top:-8rem;right:-10rem;background:#3b82f62e;animation:drift 10s ease-in-out infinite alternate}.ambient-two{top:26rem;left:-10rem;background:#10b9811f;animation:drift 12s ease-in-out infinite alternate-reverse}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-15px,0) scale(1.06)}}.section{width:min(1180px,calc(100% - 2rem));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar nav{display:flex;gap:1.2rem;color:var(--muted)}.brand{display:flex;align-items:center;gap:.9rem}.brand strong{display:block}.brand span{color:var(--muted);font-size:.92rem}.brand-badge{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#1d4ed8;font-weight:700;box-shadow:var(--shadow)}.grid-2,.grid-3,.grid-4{display:grid;gap:1.2rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding:4rem 0 2rem;align-items:center}.eyebrow{display:inline-flex;padding:.45rem .85rem;border-radius:999px;background:#ffffffb8;border:1px solid var(--border);color:#2563eb;font-size:.9rem;font-weight:600;margin-bottom:1rem}.hero h1,.section-heading h2,.panel h2{margin:0 0 .9rem;line-height:1.03;letter-spacing:-.04em}.hero h1{font-size:clamp(2.6rem,4vw,4.9rem)}.lead,.section-heading p,.feature-card p,.panel p{color:var(--muted);line-height:1.7}.cta-row,.stat-row,.chip-row{display:flex;flex-wrap:wrap;gap:.9rem}.cta-row{margin:1.6rem 0}.btn{border:none;border-radius:18px;padding:.95rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 20px 50px #2563eb47}.btn-secondary{background:#ffffffdb;border:1px solid var(--border);color:var(--text)}.wide{width:100%}.stat-card,.chip{border:1px solid var(--border);background:#ffffffc2;border-radius:18px;padding:.85rem 1rem;display:inline-flex;align-items:center;gap:.6rem;color:var(--muted)}.hero-card,.panel,.feature-card,.mini-card{background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.hero-card{border-radius:32px;overflow:hidden}.profile-image{width:100%;height:32rem;object-fit:cover}.hero-card-content{padding:1.1rem 1.3rem 1.5rem}.panel,.feature-card,.mini-card{border-radius:28px;padding:1.4rem}.mini-grid{margin-top:1rem}.mini-card{min-height:122px;position:relative;overflow:hidden}.mini-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:999px;background:#3b82f614}.mini-index{color:#2563eb;font-weight:700;display:inline-block;margin-bottom:.7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:3rem 0 1.3rem}.feature-icon{width:3rem;height:3rem;border-radius:18px;display:grid;place-items:center;background:var(--primary-soft);color:#2563eb;margin-bottom:1rem}.feature-card h3{margin:0 0 .6rem}.stack-list{display:grid;gap:.8rem;margin-top:1.2rem}.stack-item,.contact-item{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:18px;background:#ffffffb3;border:1px solid var(--border);color:var(--muted)}.auth-panel .panel-header-row{display:flex;justify-content:space-between;align-items:start;gap:1rem}.logout-link,.toggle-auth{border:none;background:transparent;color:#2563eb;cursor:pointer;padding:0}.form-grid{display:grid;gap:1rem}label{display:grid;gap:.55rem;font-weight:600}input,textarea{width:100%;border-radius:16px;border:1px solid var(--border);background:#ffffffd1;padding:.95rem 1rem;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:#2563eb66;box-shadow:0 0 0 4px #3b82f61a}.contact-grid{align-items:start}.feedback{margin-top:1rem;padding:1rem 1.1rem;border-radius:18px;font-weight:600}.feedback.success{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.22)}.feedback.error{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2,.section-heading{grid-template-columns:1fr;display:grid}.topbar{flex-direction:column;gap:1rem}}@media(max-width:640px){.grid-4{grid-template-columns:1fr}.section{width:min(100% - 1rem,1180px)}.hero{padding-top:2.5rem}.profile-image{height:24rem}.topbar nav{flex-wrap:wrap;justify-content:center}}