:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f5f7;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}.app{--bg: #09090b;--card: #111116;--text: #f5f5f7;--muted: #a1a1aa;--line: rgba(255, 255, 255, .09);--accent: #a78bfa;--accent2: #22d3ee;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}.app.light{--bg: #f7f7f8;--card: #fff;--text: #101014;--muted: #606069;--line: rgba(0, 0, 0, .09)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:20}.nav{position:fixed;z-index:30;top:0;left:0;right:0;height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;transition:.3s}.nav.scrolled{background:#09090bc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.light .nav.scrolled{background:#f7f7f8d1}button,a{font:inherit}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;font-weight:800;font-size:21px;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff}.dot{color:#a78bfa}.nav-links{display:flex;gap:24px;align-items:center}.nav-links button{background:none;border:0;color:var(--muted);cursor:pointer;text-transform:capitalize;font-size:13px}.nav-links button:hover{color:var(--text)}.nav-github{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:9px 13px;border-radius:10px;color:inherit;text-decoration:none;font-size:13px}.nav-actions{display:flex;gap:8px}.theme-btn,.menu-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:10px;cursor:pointer}.menu-btn{display:none}.section{width:min(1160px,90vw);margin:auto;padding:110px 0}.hero{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;position:relative;padding-top:130px}.hero-glow{position:absolute;filter:blur(90px);border-radius:50%;pointer-events:none}.glow-one{width:360px;height:360px;background:#7c3aed;opacity:.13;top:15%;left:-180px}.glow-two{width:280px;height:280px;background:#06b6d4;opacity:.11;right:-100px;bottom:10%}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#a78bfa;display:inline-flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:#34d399;border-radius:50%;box-shadow:0 0 0 5px #34d3991a}h1{font-size:clamp(48px,6.5vw,86px);line-height:.98;letter-spacing:-.055em;margin:24px 0;background:linear-gradient(100deg,var(--text) 35%,#a78bfa 65%,#22d3ee);-webkit-background-clip:text;color:transparent}.hero-text{font-size:17px;line-height:1.8;color:var(--muted);max-width:650px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.secondary{border-radius:12px;padding:13px 18px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer}.primary{border:0;color:#fff;background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 10px 35px #7c3aed33}.secondary{border:1px solid var(--line);background:var(--card);color:inherit}.mini-stats{display:flex;gap:35px;margin-top:55px}.mini-stats div{display:flex;flex-direction:column}.mini-stats b{font-size:21px}.mini-stats span{font-size:11px;color:var(--muted);margin-top:5px}.hero-visual{min-height:480px;display:grid;place-items:center;position:relative}.profile-photo-wrapper{position:absolute;width:clamp(260px,32vw,430px);aspect-ratio:1;border-radius:50%;padding:8px;background:linear-gradient(135deg,#a78bfae6,#22d3eebf);box-shadow:0 0 0 1px #ffffff24,0 0 70px #7c3aed38;overflow:hidden;z-index:2}.profile-photo-wrapper:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:linear-gradient(180deg,transparent 55%,rgba(9,9,11,.26));pointer-events:none}.profile-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%;animation:profile-float 7s ease-in-out infinite}.hero-visual.has-profile .profile-photo-wrapper{animation:hero-photo-cycle 10s ease-in-out infinite}.hero-visual.has-profile .code-card{animation:hero-code-cycle 10s ease-in-out infinite;pointer-events:none}.hero-visual.has-profile .orbit{opacity:.7}.code-card{position:absolute;width:min(480px,100%);background:#111116e6;border:1px solid var(--line);border-radius:22px;box-shadow:0 35px 100px #00000059;overflow:hidden;transform:rotate(2deg);animation:float 6s ease-in-out infinite}.light .code-card{background:#fff}.window-bar{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 16px;color:var(--muted);font-size:11px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#555}.window-bar span{margin-left:10px}.code-card pre{padding:30px 30px 18px;margin:0;font:13px/2.05 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d4d4d8}.green{color:#5eead4}.code-footer{border-top:1px solid var(--line);padding:12px 18px;font-size:11px;color:var(--muted)}.code-footer span{color:#34d399}.orbit{position:absolute;border:1px solid rgba(167,139,250,.17);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:500px;height:500px}.orbit-b{width:610px;height:260px;transform:rotate(-30deg);animation-direction:reverse}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.scroll-hint svg{animation:bounce 1.5s infinite}.section-head{margin-bottom:48px}.section-head>span{font-size:11px;color:#8b5cf6;letter-spacing:.15em}.section-head h2{font-size:clamp(35px,4.5vw,58px);letter-spacing:-.045em;margin:13px 0}.section-head em,.contact-box em{font-style:normal;color:#a78bfa}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-card{padding:35px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--card),transparent)}.profile-orb{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:30px;font-weight:800;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;margin-bottom:25px}.about-card h3{font-size:25px;margin:0 0 12px}.about-card p,.detail small,.skill-card p,.project-body p,.timeline-item p,.contact-box p{color:var(--muted);line-height:1.75}.text-link{display:inline-flex;align-items:center;gap:6px;color:inherit;margin-top:14px;text-decoration:none;font-weight:600;font-size:14px}.detail{padding:21px 0;border-bottom:1px solid var(--line)}.detail span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8b5cf6}.detail strong{display:block;font-size:18px;margin:7px 0}.detail small{font-size:12px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:24px;transition:.3s}.skill-card:hover{transform:translateY(-6px);border-color:#a78bfa66}.skill-icon{width:42px;height:42px;border-radius:12px;background:#8b5cf61f;color:#a78bfa;display:grid;place-items:center}.skill-card h3{margin:20px 0 7px}.skill-card p{font-size:13px;margin:0}.tech-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tech-strip span,.tags span{border:1px solid var(--line);border-radius:99px;padding:7px 11px;font-size:11px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{border:1px solid var(--line);background:var(--card);border-radius:24px;overflow:hidden;transition:.35s}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 70px #0003}.project-visual{height:auto;aspect-ratio:16 / 9;position:relative;overflow:hidden;background:linear-gradient(135deg,#7c3aed4d,#22d3ee0f)}.project-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:inherit;z-index:1}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09090b24,#09090b7a)}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.045)}.project-visual .project-number,.project-visual .project-shape,.project-visual .project-links{z-index:2}.project-card.blue .project-visual{background:linear-gradient(135deg,#0ea5e94d,#0ea5e90a)}.project-card.orange .project-visual{background:linear-gradient(135deg,#f973164d,#f973160a)}.project-card.green .project-visual{background:linear-gradient(135deg,#10b9814d,#10b9810a)}.project-number{position:absolute;top:20px;left:20px;font-size:11px;color:var(--muted)}.project-shape{position:absolute;top:50px;right:80px;bottom:50px;left:80px;border:1px solid rgba(255,255,255,.17);border-radius:28px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:inset 0 0 80px #ffffff08}.project-shape span{font-size:30px;font-weight:800;letter-spacing:-.04em;opacity:.9}.project-links{position:absolute;right:18px;top:18px;display:flex;gap:7px}.project-links a{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:#0000002e;display:grid;place-items:center;color:#fff}.project-body{padding:25px}.project-body small{color:#a78bfa;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.project-body h3{font-size:24px;margin:8px 0}.project-body p{font-size:13px}.tags{display:flex;gap:7px;flex-wrap:wrap}.timeline{max-width:850px;border-left:1px solid var(--line);margin-left:10px}.timeline-item{position:relative;padding:0 0 55px 38px}.timeline-dot{position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:#a78bfa;box-shadow:0 0 0 6px var(--bg)}.timeline-item span{font-size:10px;color:#8b5cf6;letter-spacing:.12em}.timeline-item h3{margin:8px 0;font-size:20px}.timeline-item p{font-size:13px;max-width:650px}.contact{padding-bottom:80px}.contact-box{border:1px solid var(--line);border-radius:30px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(circle at 85% 20%,rgba(124,58,237,.16),transparent 35%),var(--card)}.contact-box h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:14px 0}.contact-box p{max-width:600px}.contact-actions{margin-top:0;justify-content:flex-end}footer{border-top:1px solid var(--line);width:90vw;margin:auto;padding:25px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer button{border:0;background:none;color:inherit;cursor:pointer}@keyframes float{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes profile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hero-photo-cycle{0%,45%,to{opacity:1;transform:scale(1)}50%,95%{opacity:0;transform:scale(.96)}}@keyframes hero-code-cycle{0%,45%,to{opacity:0;transform:rotate(2deg) scale(.92)}50%,95%{opacity:1;transform:rotate(2deg) scale(1)}}@media(max-width:900px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:70px;left:5vw;right:5vw;padding:18px;flex-direction:column;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px}.nav-links button{text-align:left;padding:9px}.menu-btn{display:grid;place-items:center}.hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{min-height:400px}.profile-photo-wrapper{width:clamp(240px,48vw,360px)}.skills-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.contact-box{flex-direction:column;align-items:flex-start}.contact-actions{justify-content:flex-start}}@media(max-width:620px){.section{padding:85px 0}.hero{padding-top:110px}.hero-visual{width:100%;min-height:360px}.code-card{transform:none}.orbit{display:none}.mini-stats{gap:22px}.skills-grid,.project-grid{grid-template-columns:1fr}.project-visual{aspect-ratio:16 / 9}.profile-photo-wrapper{position:absolute;width:min(78vw,310px)}.contact-box{padding:30px}.hero-text{font-size:15px}footer{flex-direction:column;gap:12px}.nav{height:68px}h1{font-size:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}