:root{--bg:#0a0a1a;--text:#e7e9f0;--muted:#a8b0c2;--accent:#4d8af0;--accent-2:#7aa9ff;--particle:#4d8af0;--card:#151b30;--radius:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 50% -200px,#0f1530 0%,var(--bg) 40%) fixed;overflow-x:hidden}.frame{position:fixed;inset:18px;pointer-events:none;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:inset 0 0 0 1px #4d8af014}#bg-net{position:fixed;inset:0;z-index:-1}.wrap{max-width:1100px;margin:0 auto;padding:100px 22px 70px}.hero{text-align:center;margin-bottom:40px}.title{font-weight:800;font-size:clamp(32px,6vw,60px);background:linear-gradient(90deg,#7aa9ff,#fff,#4d8af0);-webkit-background-clip:text;background-clip:text;color:transparent;animation:glowTitle 4s ease-in-out infinite alternate;position:relative}@keyframes glowTitle{0%{text-shadow:0 0 8px #4d8af0}to{text-shadow:0 0 20px #7aa9ff}}.title:after{content:"";position:absolute;inset:-10px;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);filter:blur(6px);mix-blend-mode:screen;opacity:0;transform:translate(-28%);transition:opacity .2s ease}.title:hover:after{animation:sweep .8s ease;opacity:1}@keyframes sweep{0%{transform:translate(-28%)}to{transform:translate(28%)}}.subtitle{color:var(--muted);margin-top:12px;font-size:18px}.top-actions{margin:30px auto;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid rgba(77,138,240,.45);background:linear-gradient(180deg,#4d8af01f,#4d8af00a);color:var(--text);text-decoration:none;font-weight:600;transition:.28s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);border-color:var(--accent-2);box-shadow:0 0 18px #4d8af099}.btn:before{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:.6s}.btn:hover:before{left:100%}.projects{margin-top:50px;position:relative;border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000059,inset 0 0 0 1px #ffffff0a;overflow:hidden}.projects:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius) + 2px);background:conic-gradient(from 180deg at 50% 50%,#7aa9ff00,#7aa9ff59,#4d8af073,#7aa9ff00);filter:blur(8px);opacity:.65;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:2px;box-shadow:0 0 40px #4d8af040;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects h2{font-size:24px;margin-bottom:6px;color:#d9e6ff;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.projects svg{width:22px;height:22px;fill:var(--accent)}.projects p{margin-bottom:18px;color:#a8b0c2;position:relative;z-index:1}.cards{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;z-index:1}@media (max-width:560px){.cards{grid-template-columns:1fr}}.card,.card:link,.card:visited,.card:hover,.card:active{color:var(--text);text-decoration:none}.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;transition:.25s ease;cursor:pointer}.card:hover{transform:translateY(-4px);border-color:#4d8af099;box-shadow:0 0 20px #4d8af080,0 0 30px #4d8af04d}.p-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.p-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#dbe6ff}.p-title svg{width:16px;height:16px;fill:#9ec0ff;opacity:.85}.badge{font-size:12px;border:1px solid rgba(255,255,255,.12);padding:2px 8px;border-radius:999px;color:#cfe0ff}.v{font-size:15px;color:#eaf1ff;line-height:1.5}footer{text-align:center;color:#a8b0c2;margin:42px 0 8px;position:relative}footer:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:-16px;width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(122,169,255,.7),transparent);box-shadow:0 0 14px #4d8af08c}.phrase{color:#cfe0ff;text-shadow:0 0 10px rgba(77,138,240,.45);margin:6px 0}.license{color:#b8c4e6;font-size:14px;background:linear-gradient(180deg,#7aa9ff14,#7aa9ff05);display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(122,169,255,.25);box-shadow:0 0 14px #4d8af040 inset,0 0 10px #4d8af026}