:root{--bg: #0b0f19;--card: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 20% 10%,rgba(90,110,255,.25),transparent 60%),radial-gradient(900px 700px at 90% 30%,rgba(0,200,255,.18),transparent 55%),var(--bg);color:var(--text)}.page{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px}.card{width:min(620px,92vw);padding:48px 40px;border-radius:22px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;box-shadow:0 30px 100px #00000073}.avatar{width:180px;height:180px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.22);box-shadow:0 16px 50px #00000073;display:block;margin:0 auto 22px}.name{margin:0;font-size:2.6rem;letter-spacing:.4px}.tagline{margin:14px 0 0;color:var(--muted);font-size:1.15rem}.linksRow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}.btn{padding:14px 22px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);text-decoration:none;font-weight:600;font-size:1rem;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff38}.btn.primary{background:#5a6eff40;border-color:#5a6eff73}.projectsPlaceholder{width:min(900px,100%);padding:24px;border-radius:16px;border:1px dashed rgba(255,255,255,.18);color:var(--muted)}.pageTop{display:flex}.projectsHeader{display:flex;flex-direction:column;margin-right:80px;margin-bottom:22px}.projectsGrid{width:min(1000px,92vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.projectCard{padding:22px;border-radius:18px;background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 80px #00000040}.projectTitle{margin:0 0 10px;font-size:1.35rem}.projectDesc{margin:0 0 16px;color:var(--muted);line-height:1.5}.projectLinks{display:flex;gap:10px;flex-wrap:wrap}.btn.third{padding:14px 26px;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:.3px;color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;position:relative;overflow:hidden}.btn.third:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(120deg,#788cff73,#00dcff59);opacity:0;transition:opacity .25s ease;z-index:-1;pointer-events:none}.btn.third:hover{transform:translateY(-2px);box-shadow:0 18px 40px #00000073;border-color:#ffffff59}.btn.third:hover:before{opacity:1}.btn.third{background:linear-gradient(120deg,#788cff8c,#00dcff73);border:none;color:#fff}.btn.third:hover{box-shadow:0 22px 50px #788cff80}.backbtn{margin-top:30px;padding:14px 22px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);text-decoration:none;font-weight:600;font-size:1rem;transition:transform .12s ease,background .12s ease,border-color .12s ease}@media(max-width:720px){.pageTop{height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:24px 14px}.projectsHeader{margin-right:0;margin-bottom:16px}.projectsGrid{width:100%;grid-template-columns:1fr}}