*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;text-align:center}.container{width:80%;margin:auto;padding:20px}.header{background:#0073e6;color:#fff;padding:20px;font-size:2rem;font-weight:700}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}.project-link{background:#0073e6;color:#fff;padding:10px;border-radius:5px;transition:background .3s}.project-link:hover{background:#005bb5}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% 20%,#0a1c3a,#020817 45%,#010511);color:#0f172a}.container[data-v-1dbe7b71]{width:min(1200px,92%);margin:0 auto;padding:56px 0 80px}.header[data-v-1dbe7b71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:40px;border-radius:28px;background:radial-gradient(circle at 20% 20%,#0f76ff73,#090979b3),linear-gradient(135deg,#0d2b66,#112f91);color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 60px #05081773}.header[data-v-1dbe7b71]:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:24px;border:1px solid rgba(255,255,255,.1);pointer-events:none}.header-main[data-v-1dbe7b71],.header-highlight[data-v-1dbe7b71]{position:relative;z-index:1}.eyebrow[data-v-1dbe7b71]{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;margin-bottom:12px;opacity:.8}.header h1[data-v-1dbe7b71]{margin:0;font-size:clamp(2.4rem,4vw,3.4rem)}.subtitle[data-v-1dbe7b71]{margin-top:12px;font-size:1rem;letter-spacing:.08em;opacity:.85}.lede[data-v-1dbe7b71]{margin:18px 0 24px;font-size:1.05rem;line-height:1.6;color:#ffffffeb}.hero-actions[data-v-1dbe7b71]{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.button[data-v-1dbe7b71]{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button.primary[data-v-1dbe7b71]{background:#fff;color:#0f172a;box-shadow:0 8px 20px #0f172a40}.button.ghost[data-v-1dbe7b71]{border:1px solid rgba(255,255,255,.5);color:#fff;background:#ffffff14}.hero-meta[data-v-1dbe7b71]{margin:18px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.meta-item[data-v-1dbe7b71]{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:#04091e66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.meta-label[data-v-1dbe7b71]{margin:0;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffffa6}.meta-value[data-v-1dbe7b71]{margin:8px 0 0;font-size:1rem;font-weight:600;color:#fff}.button[data-v-1dbe7b71]:hover{transform:translateY(-2px)}.header-highlight[data-v-1dbe7b71]{padding:24px;border-radius:20px;background:#040c2299;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:16px}.highlight-title[data-v-1dbe7b71]{font-size:.85rem;text-transform:uppercase;letter-spacing:.3em;color:#fffc}.tech-logos[data-v-1dbe7b71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px}.tech-logo[data-v-1dbe7b71]{padding:12px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.tech-logo-icon[data-v-1dbe7b71]{width:42px;height:42px;background:var(--logo-color);mask:var(--logo-url) no-repeat center / contain;-webkit-mask:var(--logo-url) no-repeat center / contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.tech-logo figcaption[data-v-1dbe7b71]{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.highlight-copy[data-v-1dbe7b71]{margin:0;line-height:1.5;color:#ffffffd9}.about[data-v-1dbe7b71]{margin:56px 0;padding:32px;border-radius:28px;background:#fff;box-shadow:0 30px 60px #0f172a1f;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:stretch}.about-card[data-v-1dbe7b71]{padding-right:12px}.section-label[data-v-1dbe7b71]{text-transform:uppercase;letter-spacing:.35em;font-size:.75rem;color:#475569;margin-bottom:12px}.about-card h2[data-v-1dbe7b71]{margin:0 0 18px;font-size:2rem;color:#0f172a}.about-lede[data-v-1dbe7b71]{line-height:1.7;color:#475569;margin:0 0 14px}.about-pillars[data-v-1dbe7b71]{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pillar-card[data-v-1dbe7b71]{padding:16px 18px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:inset 0 1px #fff9}.pillar-card h3[data-v-1dbe7b71]{margin:0 0 8px;font-size:1rem;color:#0f172a}.pillar-card p[data-v-1dbe7b71]{margin:0;color:#475569;line-height:1.5}.about-aside[data-v-1dbe7b71]{background:#0f172a;border-radius:24px;padding:24px;color:#e2e8f0;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px #02061766;display:flex;flex-direction:column;gap:20px}.avatar-frame[data-v-1dbe7b71]{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15)}.avatar[data-v-1dbe7b71]{width:86px;height:86px;border-radius:20px;object-fit:cover;border:3px solid rgba(255,255,255,.25);box-shadow:0 12px 30px #00000073}.avatar-meta p[data-v-1dbe7b71]{margin:0;font-weight:600}.avatar-meta small[data-v-1dbe7b71]{color:#e2e8f0cc}.stats-grid[data-v-1dbe7b71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card[data-v-1dbe7b71]{padding:14px;border-radius:16px;background:#0f76ff14;border:1px solid rgba(59,130,246,.35)}.stat-value[data-v-1dbe7b71]{margin:0;font-size:1.8rem;font-weight:700;color:#38bdf8}.stat-label[data-v-1dbe7b71]{margin:4px 0 0;font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;color:#e2e8f0cc}.stat-detail[data-v-1dbe7b71]{margin:6px 0 0;color:#e2e8f0bf;line-height:1.4;font-size:.85rem}.projects[data-v-1dbe7b71]{margin-top:64px}.projects h2[data-v-1dbe7b71]{text-align:center;margin-bottom:32px;font-size:2.2rem;color:#f8fafc}.projects-group[data-v-1dbe7b71]{background:#ffffff0a;border-radius:24px;padding:28px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.projects-group+.projects-group[data-v-1dbe7b71]{margin-top:40px}.projects-group h3[data-v-1dbe7b71]{margin:0 0 16px;font-size:1.2rem;color:#c3dafe;letter-spacing:.08em}.projects-grid[data-v-1dbe7b71]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.project-card[data-v-1dbe7b71]{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#ffffff14,#ffffff05);box-shadow:0 25px 35px #02081773;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.project-card[data-v-1dbe7b71]:hover{transform:translateY(-8px);box-shadow:0 35px 55px #02081799}.project-image[data-v-1dbe7b71]{width:100%;height:190px;object-fit:cover;filter:saturate(1.05)}.project-content[data-v-1dbe7b71]{padding:22px;display:flex;flex-direction:column;gap:12px;color:#e2e8f0}.project-category[data-v-1dbe7b71]{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:#38bdf8}.project-description[data-v-1dbe7b71]{font-weight:600;margin:0;color:#fff}.project-long[data-v-1dbe7b71]{margin:0;color:#cbd5f5;line-height:1.5}.project-stack[data-v-1dbe7b71]{margin:0;font-size:.9rem;color:#93c5fd}.project-link[data-v-1dbe7b71]{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(120deg,#38bdf8,#6366f1);color:#fff;text-decoration:none;font-weight:600;margin-top:6px;transition:transform .2s ease}.project-link[data-v-1dbe7b71]:hover{transform:translateY(-2px)}.footer[data-v-1dbe7b71]{text-align:center;margin-top:64px;padding:28px;background:#0f172ad9;color:#e2e8f0;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.social-links[data-v-1dbe7b71]{margin-top:12px;display:flex;justify-content:center;gap:16px}.footer a[data-v-1dbe7b71]{color:#93c5fd;text-decoration:none}.footer a[data-v-1dbe7b71]:hover{text-decoration:underline}@media (max-width: 600px){.header[data-v-1dbe7b71]{padding:28px}.about[data-v-1dbe7b71]{padding:24px}}