:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#04060c;font-family:Segoe UI,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#04060c;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{color:#f4f7ff;background:radial-gradient(circle at top,#4f46e538,#0000 28%),radial-gradient(circle at 85% 20%,#38bdf833,#0000 24%),radial-gradient(circle at 20% 80%,#f472b62e,#0000 26%),linear-gradient(#070b17 0%,#04060c 52%,#020308 100%);min-height:100vh;padding:24px;position:relative;overflow:hidden}.space{filter:blur(.5px);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.space-one{background:#d8f3ff;width:8px;height:8px;inset:12% auto auto 7%;box-shadow:240px 80px 0 -2px #d8f3fff2,540px 32px 0 -3px #7dd3fce6,740px 260px 0 -2px #ffffffd9,112px 420px 0 -3px #fbcfe8d9}.space-two{background:#7dd3fcd9;width:10px;height:10px;inset:35% auto auto 68%;box-shadow:-420px 160px 0 -4px #ffffffbf,-180px 320px 0 -3px #d8f3ffe6,100px 220px 0 -4px #fbcfe8cc}.space-three{background:#f472b6d9;width:7px;height:7px;inset:auto 10% 18% auto;box-shadow:-640px -240px 0 -3px #7dd3fcd9,-520px 80px 0 -2px #fffc,-120px -180px 0 -3px #d8f3ffe6}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b1694;border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 32px;padding:16px 22px;display:flex;position:sticky;top:18px;box-shadow:0 20px 50px #0000002e}.brand{letter-spacing:.42em;text-transform:uppercase;color:#f8fbff;font-size:.92rem;font-weight:700}.nav{color:#f4f7ffb8;flex-wrap:wrap;gap:20px;display:flex}.nav a{transition:color .18s,transform .18s}.nav a:hover{color:#fff;transform:translateY(-1px)}.layout{z-index:1;flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;display:flex;position:relative}.hero,.panel,.traits-section,.projects-section,.contact-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#101628d1,#070a14b3);border:1px solid #ffffff1a;box-shadow:0 28px 80px #0000003d}.hero{border-radius:36px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;padding:48px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.eyebrow,.section-tag{letter-spacing:.24em;text-transform:uppercase;color:#7dd3fc;margin:0 0 14px;font-size:.82rem;font-weight:600}.hero h1,.section-heading h2,.panel h2,.contact-section h2{letter-spacing:-.05em;color:#f8fbff;margin:0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.96}.panel h2,.section-heading h2,.contact-section h2{font-size:clamp(2rem,3vw,3rem);line-height:1.02}.hero-text,.panel-copy p,.section-copy,.project-card p,.hero-card-text{color:#e7eefbc7;max-width:64ch;margin:18px 0 0;font-size:1.02rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-width:132px;padding:14px 22px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#04111c;background:linear-gradient(135deg,#7dd3fc,#c4b5fd);box-shadow:0 14px 36px #7dd3fc38}.button-secondary{color:#f8fbff;background:#ffffff0d;border:1px solid #ffffff24}.hero-card{text-align:center;background:radial-gradient(circle at top,#7dd3fc29,#0000 34%),#060a14b8;border:1px solid #7dd3fc29;border-radius:30px;padding:36px 28px;position:relative;overflow:hidden}.orbit{border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbit-one{width:260px;height:260px}.orbit-two{border-color:#f472b61f;width:360px;height:360px}.avatar{z-index:1;color:#fff;background:linear-gradient(135deg,#7dd3fc47,#c4b5fd2e);border:1px solid #ffffff1f;border-radius:32px;place-items:center;width:120px;height:120px;margin:30px auto 18px;font-size:3.6rem;font-weight:800;display:grid;position:relative;box-shadow:0 0 40px #7dd3fc24}.hero-card h2{z-index:1;color:#fff;margin:0;font-size:2rem;position:relative}.hero-card-subtitle{z-index:1;letter-spacing:.26em;text-transform:uppercase;color:#7dd3fcd1;margin:10px 0 0;font-size:.82rem;font-weight:700;position:relative}.panel,.traits-section,.projects-section,.contact-section{border-radius:30px;padding:34px}.about{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;display:grid}.signal-grid{gap:14px;display:grid}.signal-card,.trait-chip,.project-card,.contact-pill{background:#ffffff0a;border:1px solid #ffffff1a}.signal-card{border-radius:22px;flex-direction:column;justify-content:center;gap:8px;min-height:110px;padding:18px 20px;display:flex}.signal-card span{text-transform:uppercase;letter-spacing:.18em;color:#7dd3fcc7;font-size:.82rem}.signal-card strong{color:#f8fbff;font-size:1.1rem}.section-heading{gap:10px;margin-bottom:26px;display:grid}.traits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.trait-chip{text-align:center;color:#f8fbff;border-radius:24px;padding:22px 18px;font-size:1.05rem;font-weight:700;box-shadow:inset 0 1px #ffffff0a}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{border-radius:26px;flex-direction:column;gap:14px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.project-card:hover{border-color:#7dd3fc3d;transform:translateY(-4px);box-shadow:0 22px 40px #0000002e}.project-tag{letter-spacing:.12em;text-transform:uppercase;color:#7dd3fce6;background:#7dd3fc14;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.project-card h3{color:#fff;margin:0;font-size:1.3rem}.contact-section{grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);gap:24px;margin-bottom:8px;display:grid}.contact-list{align-content:start;gap:14px;display:grid}.contact-pill{border-radius:22px;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .18s,border-color .18s;display:flex}.contact-pill:hover{border-color:#c4b5fd47;transform:translateY(-2px)}.contact-pill span{letter-spacing:.16em;text-transform:uppercase;color:#7dd3fcc7;font-size:.8rem;font-weight:700}.contact-pill strong{color:#fff;word-break:break-word}.footer{z-index:1;color:#e7eefb8c;max-width:1180px;margin:0 auto;padding:6px 8px 28px;font-size:.92rem;position:relative}@media (width<=960px){.app-shell{padding:16px}.topbar{border-radius:24px;padding:14px 16px}.hero,.about,.contact-section{grid-template-columns:1fr}.hero,.panel,.traits-section,.projects-section,.contact-section{padding:24px}.traits-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;position:static}.nav{gap:14px}.hero h1{font-size:2.7rem}.panel h2,.section-heading h2,.contact-section h2{font-size:1.9rem}.hero-actions,.traits-grid,.projects-grid{grid-template-columns:1fr}.button{width:100%}.traits-grid,.projects-grid{display:grid}}