*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{color:#f9fafb;scroll-behavior:smooth;background:radial-gradient(circle at top,#111827,#020617);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow-x:hidden}.three-bg{z-index:-1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.page{flex-direction:column;justify-content:center;gap:24px;width:100%;min-height:100vh;padding:80px 10vw;display:flex;position:relative}.page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(56,189,248,.08),transparent 55%),radial-gradient(circle at 100% 100%,rgba(167,139,250,.08),transparent 55%);position:absolute;top:0;bottom:0;left:0;right:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.4);border-radius:999px;align-items:center;gap:18px;padding:8px 18px;font-size:.85rem;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.navbar-brand{letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:.8rem;font-weight:600}.navbar-links{gap:12px;display:flex}.nav-link{opacity:.75;color:inherit;border-radius:999px;padding:4px 8px;text-decoration:none;transition:background .2s,opacity .2s,transform .2s}.nav-link:hover{opacity:1;background:rgba(148,163,184,.2);transform:translateY(-1px)}#hero{grid-template-columns:minmax(0,2fr) minmax(0,1.5fr);align-items:center;gap:32px;display:grid}.hero-intro-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#a5b4fc;font-size:.8rem}.hero-title{font-size:max(2.6rem,min(4vw,3.6rem));font-weight:700;line-height:1.1}.hero-title .accent{background:linear-gradient(135deg,#38bdf8,#a855f7,#f97316);color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#cbd5f5;max-width:36rem;margin-top:12px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;color:inherit;background:0 0;border:1px solid transparent;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:rgba(191,219,254,.5);box-shadow:0 18px 40px rgba(37,99,235,.45)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 45px rgba(37,99,235,.6)}.btn-ghost{background:rgba(15,23,42,.7);border-color:rgba(148,163,184,.6)}.btn-ghost:hover{background:rgba(30,64,175,.6);transform:translateY(-1px)}.hero-tagline{color:#94a3b8;margin-top:14px;font-size:.8rem}.hero-orbit{aspect-ratio:4/5;width:100%;transform-style:preserve-3d;position:relative;transform:rotateY(-16deg)rotateX(12deg)}.hero-orbit-core{background:radial-gradient(circle at 0 0,#1d4ed8,transparent),radial-gradient(circle at 100% 100%,#a855f7,transparent);border:1px solid rgba(148,163,184,.6);border-radius:2rem;flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;top:22%;bottom:22%;left:22%;right:22%;overflow:hidden;box-shadow:0 30px 90px rgba(15,23,42,.9)}.hero-core-title{font-size:.9rem;font-weight:600}.hero-core-caption{color:#e5e7eb;opacity:.85;margin-top:4px;font-size:.75rem}.hero-orbit-ring{transform-style:preserve-3d;border:1px dashed rgba(148,163,184,.35);border-radius:999px;position:absolute;top:6%;bottom:6%;left:6%;right:6%}.hero-pill{transform-style:preserve-3d;white-space:nowrap;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.8);border-radius:999px;padding:8px 12px;font-size:.7rem;position:absolute;box-shadow:0 10px 30px rgba(15,23,42,.7)}.hero-pill span{opacity:.8}.section-header{margin-bottom:24px}.section-kicker{text-transform:uppercase;letter-spacing:.14em;color:#7dd3fc;margin-bottom:6px;font-size:.75rem}.section-title{font-size:1.6rem;font-weight:600}.section-description{color:#cbd5f5;max-width:34rem;margin-top:4px;font-size:.95rem}#about .content{grid-template-columns:minmax(0,2fr) minmax(0,1.3fr);align-items:flex-start;gap:28px;display:grid}.card-3d{transform-style:preserve-3d;background:radial-gradient(circle at 0 0,rgba(148,163,184,.15),transparent),rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.7);border-radius:1.5rem;padding:18px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;transform:translateZ(0);box-shadow:0 20px 60px rgba(15,23,42,.9)}.card-3d:hover{border-color:rgba(191,219,254,.9);transform:translateY(-6px)translateZ(24px)rotateX(4deg);box-shadow:0 30px 80px #0f172a}.about-text p{color:#e5e7eb;margin-bottom:10px;font-size:.95rem}.about-grid{color:#cbd5f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;font-size:.8rem;display:grid}.about-tag{text-align:center;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.6);border-radius:999px;padding:6px 10px}#skills .skill-cloud{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.skill-item{transform-style:preserve-3d;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.7);border-radius:1.1rem;flex-direction:column;gap:6px;padding:10px 12px;font-size:.85rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.skill-item:hover{border-color:#818cf8;transform:translateY(-4px)translateZ(20px)rotateX(2deg);box-shadow:0 20px 50px rgba(15,23,42,.9)}.skill-label{font-size:.85rem;font-weight:500}.skill-tags{color:#cbd5f5;opacity:.9;font-size:.78rem}#projects .projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.project-card{cursor:pointer;transform-style:preserve-3d;background:radial-gradient(circle at 0 0,rgba(52,211,153,.18),transparent),rgba(15,23,42,.96);border:1px solid rgba(148,163,184,.8);border-radius:1.5rem;flex-direction:column;gap:6px;padding:16px 14px;font-size:.85rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:rgba(187,247,208,.95);transform:translateY(-6px)translateZ(20px)rotateX(3deg)rotateY(-3deg);box-shadow:0 26px 70px #0f172a}.project-pill{text-transform:uppercase;letter-spacing:.14em;opacity:.8;font-size:.7rem}.project-title{font-size:.95rem;font-weight:600}.project-description{color:#e5e7eb;opacity:.95;font-size:.8rem}.project-meta{color:#bfdbfe;margin-top:4px;font-size:.75rem}#contact .contact-wrapper{grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr);align-items:flex-start;gap:24px;display:grid}.contact-form{flex-direction:column;gap:10px;font-size:.85rem;display:flex}.field-label{color:#cbd5f5;font-size:.8rem}.input-field,.textarea-field{color:#f9fafb;resize:vertical;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.8);border-radius:.9rem;outline:none;margin-top:4px;padding:8px 10px;font-family:inherit;font-size:.85rem}.input-field:focus,.textarea-field:focus{border-color:#818cf8;box-shadow:0 0 0 1px rgba(129,140,248,.6)}.textarea-field{min-height:90px}.contact-meta{color:#e5e7eb;max-width:26rem;font-size:.85rem}.contact-list{flex-direction:column;gap:6px;margin-top:12px;font-size:.8rem;display:flex}.contact-item span{opacity:.9}footer{text-align:center;color:#9ca3af;padding:16px 0 24px;font-size:.75rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)translateZ(0)}.reveal.visible{opacity:1;transform:translateY(0)translateZ(0)}@media (max-width:900px){#hero{grid-template-columns:minmax(0,1fr)}.hero-orbit{order:-1;max-width:320px;margin:0 auto 12px}#about .content,#contact .contact-wrapper{grid-template-columns:minmax(0,1fr)}.navbar{justify-content:space-between;max-width:96%}.navbar-links{gap:6px}.page{padding:90px 6vw 70px}}