:root{--bg-main: #050814;--bg-elevated: #0b1020;--accent: #758ecd;--accent-soft: rgba(117, 142, 205, .35);--text-main: #f4f5ff;--text-muted: #a3a8c3;--border-subtle: rgba(255, 255, 255, .06);--radius-xl: 22px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;background:radial-gradient(circle at top,#121a39 0,#050814 45%,#02030a);color:var(--text-main)}a{color:inherit;text-decoration:none}.app-root{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem 5vw;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(to bottom,rgba(5,8,20,.9),rgba(5,8,20,.6),transparent);border-bottom:1px solid var(--border-subtle)}.logo-wrap{display:flex;align-items:center}.logo-img{height:55px;width:auto;display:block}.logo-mark{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.08em;background:radial-gradient(circle at top,#758ecd33,transparent)}.main-nav{display:flex;gap:1.5rem;font-size:.9rem}.main-nav a{color:var(--text-muted);position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-.25rem;height:2px;width:0;background:linear-gradient(90deg,#758ecd,#b0c4ff);transition:width .18s ease-out}.main-nav a:hover:after{width:100%}.hero-section{min-height:100vh;padding:6rem 5vw 4rem;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.3fr);gap:3rem;align-items:center}.hero-content{max-width:640px}.eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.hero-section h1{font-size:clamp(2.7rem,4vw,3.4rem);line-height:1.05;margin:0}.hero-highlight{display:block;font-size:.85em;font-weight:400;color:var(--accent)}.hero-subtitle{margin-top:1.5rem;color:var(--text-muted);font-size:.98rem;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.btn-primary,.btn-ghost{border-radius:999px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out,border-color .15s ease-out}.btn-primary{background:linear-gradient(135deg,#758ecd,#afbbff);color:#050814;box-shadow:0 14px 35px #758ecd73}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 45px #758ecd99}.btn-ghost{background:transparent;color:var(--text-main);border-color:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff0a;transform:translateY(-2px)}.hero-meta{margin-top:1.5rem;font-size:.82rem;color:var(--text-muted)}.hero-visual{display:flex;justify-content:center}.hero-visual-glass{width:100%;max-width:380px;aspect-ratio:4 / 5;border-radius:var(--radius-xl);padding:1.5rem;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top left,rgba(117,142,205,.35),transparent 55%),linear-gradient(to bottom right,#ffffff0f,#090c1ef2);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:space-between}.hero-visual-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.hero-visual-caption{font-size:.9rem;color:var(--text-main);margin-top:.75rem}.section{padding:4rem 5vw 4.5rem}.section-header{max-width:640px;margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;font-size:1.5rem}.section-header p{margin:0;color:var(--text-muted);font-size:.94rem}.section-projects{padding-top:3rem}.carousel-wrapper{position:relative}.carousel-header{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1rem}.carousel-btn{border-radius:999px;border:1px solid var(--border-subtle);background:#050814e6;color:var(--text-main);width:32px;height:32px;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease-out,transform .12s ease-out,border-color .15s ease-out}.carousel-btn:hover{background:#758ecd47;border-color:#758ecdcc;transform:translateY(-1px)}.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;scroll-padding-inline:5vw}.carousel-track::-webkit-scrollbar{height:4px}.carousel-track::-webkit-scrollbar-track{background:transparent}.carousel-track::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.project-card{flex:0 0 auto;width:260px;height:360px;scroll-snap-align:start}.project-card-inner{height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ffffff0f,#050814f2),radial-gradient(circle at top,var(--accent-soft),transparent 60%);background-color:#758ecd33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 50px #000000a6;padding:.75rem;display:flex;flex-direction:column;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.project-card-inner:hover,.project-card-inner:focus-within,.project-card-inner:active{transform:translateY(-8px);box-shadow:0 22px 60px #000c;border-color:#aec0fff2}.project-image-placeholder{border-radius:14px;height:34%;background:radial-gradient(circle at top left,rgba(255,255,255,.18),transparent),linear-gradient(135deg,#070b1ee6,#758ecd2e);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted);text-align:center;padding:.5rem}.project-content{flex:1;display:flex;flex-direction:column;padding:.5rem .4rem .2rem}.project-content h3{margin:.6rem 0 .2rem;font-size:.98rem}.project-role{margin:0;font-size:.8rem;color:var(--text-muted)}.project-desc{margin:.6rem 0;font-size:.82rem;color:var(--text-main)}.project-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:.25rem}.tag-pill{font-size:.7rem;border-radius:999px;padding:.15rem .5rem;border:1px solid rgba(255,255,255,.22);background:#020617d9}.section-about{background:radial-gradient(circle at top,#0e1430,#050814)}.about-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.5fr);gap:2rem;max-width:880px}.about-grid p{margin-top:0;margin-bottom:1rem;color:var(--text-muted);font-size:.94rem;line-height:1.7}.about-list{list-style:none;padding:0;margin:0;font-size:.9rem;color:var(--text-main)}.about-list li+li{margin-top:.6rem}.section-contact{background:linear-gradient(to bottom,#050814,#02030a)}.contact-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:2rem;max-width:960px}.contact-form{border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-subtle);background:#060919f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft)}.form-row{display:flex;flex-direction:column;margin-bottom:1rem}.form-row label{font-size:.82rem;margin-bottom:.3rem;color:var(--text-muted)}.form-row input,.form-row textarea{border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#03050ef5;padding:.55rem .7rem;color:var(--text-main);font-size:.88rem;outline:none}.form-row input:focus,.form-row textarea:focus{border-color:#aec0ffe6}.contact-meta{font-size:.9rem;color:var(--text-muted)}.contact-meta p{margin-top:0;margin-bottom:1rem}.contact-email span{color:var(--accent)}.site-footer{padding:1.5rem 5vw 2rem;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.footer-sub{margin-top:.25rem}@media (max-width: 900px){.hero-section{grid-template-columns:minmax(0,1fr);padding-top:5rem}.hero-visual{order:-1}.section{padding-inline:6vw}.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.site-header{padding-inline:4vw}.main-nav{gap:1rem;font-size:.8rem}.hero-section{padding-inline:4vw}.carousel-header{justify-content:flex-start}.project-card{width:220px;height:330px}}