:root{--bg:#0c121e;--surface:rgba(17, 25, 41, 0.72);--surface-strong:rgba(24, 35, 56, 0.88);--line:rgba(140, 169, 215, 0.22);--text:#eff4ff;--muted:#b9c5de;--accent:#52f4c8;--shadow:0 22px 70px rgba(4, 9, 18, 0.45)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{overflow-x:hidden;background:radial-gradient(circle at 18% 18%,#1d3157 0,transparent 44%),radial-gradient(circle at 82% -12%,#2d5e6a 0,transparent 38%),linear-gradient(145deg,#090e18,#0f1624 46%,#0a121f);color:var(--text);font-family:"Space Grotesk","Segoe UI",sans-serif;line-height:1.6}.main-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(149,178,228,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(149,178,228,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,black 38%,transparent 100%)}.container,.hero,.site-footer{width:min(1024px,calc(100% - 2.4rem));margin-left:auto;margin-right:auto}.hero{padding:5rem 0 1.8rem}.hero-badge{display:inline-flex;margin:0 0 1rem;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(15,24,40,.75)}h1,h2{font-family:Syne,"Trebuchet MS",sans-serif;letter-spacing:-.02em}h1{margin:0;font-size:clamp(2.5rem, 8.5vw, 5rem);line-height:.95}.hero-copy{max-width:680px;margin:1rem 0 0;color:var(--muted);font-size:clamp(1rem, 2.3vw, 1.2rem)}.hero-cta{display:flex;flex-wrap:wrap;gap:.72rem;margin-top:1.65rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.1rem;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .22s,filter .22s,border-color .22s}.button:hover{transform:translateY(-2px)}.button-primary{color:#04241c;background:linear-gradient(135deg,#83ffd9,var(--accent))}.button-ghost{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.02)}.container{display:grid;gap:1rem;padding-bottom:2rem}.card{padding:1.2rem 1.15rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.card h2{margin:0}.muted{color:var(--muted)}.contact-list,.link-list{display:grid;gap:.7rem;list-style:none;margin:1rem 0 0;padding:0}.link-row{display:grid;gap:.1rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--text);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.link-row:hover{transform:translateY(-2px);border-color:rgba(163,255,233,.5);box-shadow:0 14px 30px rgba(4,15,32,.38)}.link-row.featured{border-color:rgba(93,252,207,.66)}.project-row{padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.project-row.featured{border-color:rgba(93,252,207,.66)}.project-title{font-weight:700}.project-meta{color:var(--muted);font-size:.92rem;margin-top:.1rem}.project-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mini-link{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .62rem;border-radius:9px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:.84rem;font-weight:700;background:rgba(255,255,255,.03)}.mini-link:hover{border-color:rgba(163,255,233,.5)}.link-title{font-weight:700}.link-meta{color:var(--muted);font-size:.92rem}.click-count{color:#8fffe2;font-size:.82rem}.contact-list a,.contact-list span{color:var(--text)}.site-footer{padding:.2rem 0 2.2rem;color:var(--muted);font-size:.92rem}[data-reveal]{opacity:0;transform:translateY(22px)}[data-reveal].in{opacity:1;transform:translateY(0);transition:opacity .55s,transform .55s}@media (min-width:780px){.hero{padding-top:5.4rem}.card{padding:1.35rem}}