:root{--bg:#0b0f1a;--panel:#ffffff0d;--panel-strong:#ffffff1a;--text:#eef3fb;--muted:#b4c1d6;--accent:#6dcaff;--accent-2:#ffb778;--accent-3:#71e8c5;--card-radius:20px;--shadow:0 24px 50px #0006;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Avenir,Helvetica Neue,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 20%,#6dcaff2e,transparent 38%),radial-gradient(circle at 70% 15%,#ffb77829,transparent 34%),radial-gradient(circle at 70% 80%,#71e8c524,transparent 38%),radial-gradient(circle at 10% 80%,#40598c59,transparent 40%),var(--bg);justify-content:center;align-items:center;margin:0;padding:56px 20px;display:flex}#root{justify-content:center;width:100%;display:flex}a{color:inherit}img{max-width:100%;height:auto}@media (max-width:640px){body{padding:28px 14px}}.shell{width:min(1120px,100%);box-shadow:var(--shadow);background:linear-gradient(160deg,#0e121ee6,#0a0e1ab3);border:1px solid #ffffff14;border-radius:32px;padding:44px;position:relative;overflow:hidden}.shell:before{content:"";opacity:.7;z-index:0;background:radial-gradient(circle at 15% 20%,#6dcaff38,#0000 35%),radial-gradient(circle at 80% 5%,#ffb7782e,#0000 30%),radial-gradient(circle at 70% 85%,#71e8c529,#0000 38%);position:absolute;inset:0}.shell:after{content:"";z-index:0;background:linear-gradient(120deg,#0a0c1666,#0a0c16d9);position:absolute;inset:0}.shell>*{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:32px;display:grid}.intro{gap:16px;display:grid}.tag{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.tag:before{content:"";background:linear-gradient(145deg,var(--accent),var(--accent-2));border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #6dcaff33}h1{letter-spacing:-.02em;margin:0;font-size:clamp(34px,4.8vw,52px);line-height:1.05}.subline{color:var(--muted);max-width:540px;margin:0;font-size:16px;line-height:1.7}.meta-row{flex-wrap:wrap;gap:12px;display:flex}.meta-row span{letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-size:12px}.actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.btn{color:var(--text);letter-spacing:.02em;background:linear-gradient(135deg,#6dcaff52,#ffb7784d);border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 12px 24px #00000047}.btn.secondary{color:var(--muted);background:#ffffff08;border-color:#fff3}.btn:hover{background:linear-gradient(135deg,#6dcaff80,#ffb77870);transform:translateY(-2px);box-shadow:0 16px 28px #00000059}.portrait-panel{background:#0c101c99;border:1px solid #ffffff14;border-radius:26px;align-content:space-between;gap:16px;min-height:360px;padding:22px;display:grid;position:relative;overflow:hidden}.portrait-panel:before{content:"";background-image:var(--portrait-url);opacity:.2;filter:saturate(1.3)blur(6px);background-position:50%;background-size:cover;position:absolute;inset:0}.portrait-panel:after{content:"";background:linear-gradient(150deg,#0e121e40,#070a14e6);position:absolute;inset:0}.portrait-panel>*{z-index:1;position:relative}.portrait-card{border:1px solid #fff3;border-radius:22px;overflow:hidden;box-shadow:0 18px 32px #00000059}.portrait-card img{object-fit:cover;width:100%;height:100%;display:block}.portrait-actions{justify-content:center;display:flex}.portrait-blend{mix-blend-mode:screen;opacity:.8;z-index:1;background:linear-gradient(135deg,#6dcaff29,#ffb77833);position:absolute;inset:0}.cv-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px;display:grid}.cv-card{border-radius:var(--card-radius);background:#ffffff0b;border:1px solid #ffffff14;padding:22px;transition:transform .2s,border-color .2s,background .2s;box-shadow:0 10px 26px #00000038}.cv-card:hover{background:#ffffff14;border-color:#6dcaff80;transform:translateY(-4px)}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:700}.headline{color:var(--text);margin:0;font-size:18px;line-height:1.55}.about{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.detail{color:var(--muted);background:#0003;border:1px dashed #ffffff1f;border-radius:12px;margin-top:12px;padding:12px 14px;line-height:1.6}.list{color:var(--muted);gap:10px;margin:0;padding-left:18px;line-height:1.6;display:grid}.animate-in{animation:.8s both fadeUp}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.portrait-panel{min-height:320px}}@media (max-width:640px){.shell{border-radius:24px;padding:24px}.actions{width:100%}.btn{flex:100%}}