:root{--bg-primary:#fff;--bg-secondary:#f4f4f5;--bg-tertiary:#ffffffe6;--accent-primary:#18181b;--accent-secondary:#71717a;--accent-dark:#09090b;--accent-rgb:24, 24, 27;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--glass-bg:#ffffffbf;--glass-border:#18181b14;--glass-shadow:0 12px 40px #0000000a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-weight:300;line-height:1.15}a{color:var(--accent-primary);text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}ul{list-style:none}.section{max-width:1400px;margin:0 auto;padding:120px 8%}@media (min-width:768px){.section{padding:160px 8%}}.highlight{color:var(--accent-primary);font-style:italic}.dot{color:var(--accent-primary)}.btn{font-family:var(--font-sans);letter-spacing:.08em;text-transform:none;cursor:pointer;border-radius:980px;padding:14px 32px;font-size:.85rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative;overflow:hidden}.btn-primary{background:var(--text-primary);color:#fff;border:1px solid var(--text-primary)}.btn-primary:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);background:0 0;border:1px solid #1c191733}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.btn-large{padding:18px 46px;font-size:.9rem}.w-100{width:100%}.section-title{text-align:center;margin-bottom:5rem}.section-title h2{margin-bottom:1.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:300}.section-title p{color:var(--text-secondary);font-size:1.15rem;font-family:var(--font-serif);max-width:600px;margin:0 auto;font-style:italic}header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--accent-rgb), .08);background:#faf9f6d9;width:100%;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0}header.scrolled{box-shadow:var(--glass-shadow);background:#faf9f6f5}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.2rem 8%;display:flex}.logo{align-items:center;gap:.75rem;display:inline-flex}.nav-logo-img{width:auto;height:40px;transition:transform .4s;display:block}.logo:hover .nav-logo-img{transform:rotate(5deg)scale(1.05)}.logo-text{font-family:var(--font-display);letter-spacing:.25em;color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1}.nav-links{gap:3rem;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary)}.nav-links a:after{content:"";background-color:var(--accent-primary);width:0;height:1px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.right-nav{align-items:center;gap:2rem;display:flex}.lang-switcher{border:1px solid rgba(var(--accent-rgb), .15);background:#1c19170d;border-radius:30px;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative}.lang-btn{cursor:pointer;font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-muted);text-align:center;background:0 0;border:none;border-radius:20px;min-width:44px;padding:6px 14px;font-size:.72rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.lang-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 3px 10px #0000000f}.lang-btn:hover:not(.active){color:var(--accent-primary)}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}.hero{z-index:2;pointer-events:none;grid-template-columns:1fr;align-items:center;gap:4rem;min-height:100vh;padding-top:140px;display:grid;position:relative;overflow:visible}@media (min-width:992px){.hero{grid-template-columns:1.1fr 1fr;gap:3rem}}.hero-content{z-index:10;pointer-events:auto}.greeting{color:var(--accent-primary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.25em;margin-bottom:1.5rem;font-size:.8rem}.hero h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 50%, var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(3.5rem,7vw,6rem);font-weight:300}.subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);font-family:var(--font-serif);color:var(--text-secondary);max-width:550px;margin-bottom:3rem;font-style:italic;line-height:1.5}.hero-cta{gap:1.5rem;display:flex}.hero-graphic{height:100%;min-height:450px;transform-style:preserve-3d;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;display:flex;position:relative}.glow-orb{filter:blur(100px);z-index:0;opacity:.65;border-radius:50%;animation:10s ease-in-out infinite alternate float-orb;position:absolute}.orb-1{background:#c4b08f38;width:350px;height:350px;top:5%;right:5%}.orb-2{background:rgba(var(--accent-rgb), .15);width:300px;height:300px;animation-delay:-5s;bottom:5%;left:5%}@keyframes float-orb{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,-20px)scale(1.08)}}.macbook-wrapper{perspective:1600px;width:100%;max-width:700px;transform-style:preserve-3d;z-index:10;transform:scale(var(--macbook-scale,1));transform-origin:top;pointer-events:auto;flex-direction:row;justify-content:center;align-items:flex-end;gap:40px;margin:0 auto;transition:transform .1s ease-out;display:flex;position:relative}.macbook{aspect-ratio:16/10;width:540px;transform-style:preserve-3d;outline:1px solid #0000;flex-shrink:0;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:rotateX(-10deg)rotateY(0)}.macbook-screen{transform-origin:bottom;background:#09090b;border:6px solid #09090b;border-top-width:10px;border-radius:14px;outline:1px solid #0000;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:rotateX(24deg);box-shadow:0 0 0 1.2px #e2e8f0,0 0 0 2.5px #cbd5e1,0 22px 45px #00000061,inset 0 0 0 1px #ffffff0d}.macbook-screen:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(120deg,#ffffff1f 0%,#ffffff08 30%,#fff0 50%);width:150%;height:150%;position:absolute;top:0;left:-50%}.macbook-screen:before{content:"";z-index:10;background:#000;border-radius:4px;width:90%;height:8px;position:absolute;bottom:-4px;left:5%}.macbook-notch{z-index:100;background:#09090b;border-bottom-right-radius:7px;border-bottom-left-radius:7px;width:110px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-camera{background:#050505;border:1px solid #1f2937;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px #000}.macbook-camera:after{content:"";opacity:.8;background:#2563eb;border-radius:50%;width:1.5px;height:1.5px;position:absolute;top:1px;left:1px}.macbook-base{aspect-ratio:16/10;width:100%;transform-style:preserve-3d;transform-origin:top;background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 45%,#f1f5f9 65%,#94a3b8 100%);border-radius:0 0 20px 20px;outline:1px solid #0000;position:absolute;top:99.5%;left:0;transform:rotateX(90deg);box-shadow:inset 0 1.5px #ffffffd9,inset 0 10px 20px #0000000d,inset 0 -2px 5px #0000001a,0 1px #e2e8f0,0 4px #cbd5e1,0 5.5px #94a3b8,0 6px 1px #00000059,0 22px 40px #00000042}.macbook-base:after{content:"";transform-origin:bottom;background:#475569;border-bottom-right-radius:3px;border-bottom-left-radius:3px;width:65px;height:3.5px;position:absolute;bottom:-2.5px;left:50%;transform:translate(-50%)translateZ(.2px)rotateX(-90deg);box-shadow:inset 0 1px 2px #0009,0 .5px .5px #fff3}.macbook-keyboard{background-color:#080706;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:space-between;gap:2.5px;width:88%;height:46%;padding:5px;display:flex;position:absolute;top:14%;left:6%;box-shadow:inset 0 3px 8px #000000f2}.key-row{gap:2.5px;width:100%;height:15%;display:flex}.key-row.row-1{height:10%}.key{color:#fffffff2;text-shadow:0 0 1.5px #ffffffa6,0 0 3px #fff3;text-transform:none;letter-spacing:.2px;-webkit-user-select:none;user-select:none;pointer-events:none;background:#1a1816;border-radius:2px;flex:1;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:3.5px;font-weight:500;display:flex;position:relative;box-shadow:0 0 0 .5px #000000d9,inset 0 1px .5px #ffffff12,inset 0 -1px .5px #0009,0 0 2.5px #ffffff7a,0 0 .5px #ffffff40}.key.tab,.key.caps,.key.return,.key.left-shift,.key.right-shift,.key.backspace,.key.modifier{letter-spacing:0;font-size:2.2px}.key.backspace{flex:1.8}.key.tab{flex:1.5}.key.backslash{flex:1}.key.caps,.key.return{flex:1.8}.key.left-shift,.key.right-shift{flex:2.3}.key.space{flex:7.5}.key.modifier{flex:1.2}.key.arrow{flex:1}.key.double-arrow{flex-direction:column;flex:1;gap:1px;display:flex}.key.double-arrow .sub-key{color:#fffffff2;text-shadow:0 0 1px #ffffff80;background:#1a1816;border-radius:2px;flex:1;justify-content:center;align-items:center;font-size:2px;line-height:1;display:flex;box-shadow:0 0 0 .5px #000000d9,inset 0 1px .5px #ffffff0d,0 0 2.2px #ffffff73}.key.touch-id{background:#080706;border-radius:2.5px;box-shadow:0 0 0 .5px #000000e6,inset 0 1px 1px #000000d9,inset 0 0 0 .5px #ffffff0d}.macbook-trackpad{background:linear-gradient(#f8fafc,#cbd5e1);border:1px solid #0000001f;border-radius:8px;width:32%;height:24%;position:absolute;bottom:8%;left:34%;box-shadow:inset 0 1px 2.5px #00000014,0 .5px .5px #ffffffb3}.macbook-shadow{filter:blur(16px);z-index:-1;pointer-events:none;transform-origin:top;background:radial-gradient(#00000073 0%,#00000014 50%,#0000 70%);width:110%;height:68%;position:absolute;top:99.5%;left:-5%;transform:rotateX(90deg)translateZ(-8px)}.mockup-website{background:var(--bg-primary);z-index:5;flex-direction:column;display:flex;position:absolute;inset:0 0 7px;overflow:hidden}.macbook-bezel-bottom{z-index:6;background:#09090b;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:7px;display:flex;position:absolute;bottom:0;left:0}.macbook-bezel-bottom span{color:#ffffff73;letter-spacing:.6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:3.5px;font-weight:500;line-height:1}.mockup-scroll-container{flex-direction:column;gap:12px;width:100%;height:min-content;padding:8px;display:flex}@keyframes mockup-scroll{0%,15%{transform:translateY(0)}45%,55%{transform:translateY(-28%)}85%,to{transform:translateY(-48%)}}.iphone-17{pointer-events:none;z-index:50;background:#09090b;border-radius:24px;flex-shrink:0;width:120px;height:260px;margin-bottom:-15px;margin-left:-40px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(100px)rotateY(0)rotateX(0);box-shadow:0 0 0 1px #ffffffd9,0 0 0 2.2px #e2e8f0,0 0 0 3.2px #cbd5e1,0 15px 35px #00000061,inset 0 0 0 1px #ffffff1a}.iphone-button{z-index:-1;background:linear-gradient(#cbd5e1,#94a3b8);position:absolute;box-shadow:0 1px 2px #0003}.iphone-button.action-btn{border-radius:1.5px 0 0 1.5px;width:2.2px;height:10px;top:48px;left:-2.2px}.iphone-button.volume-up{border-radius:1.5px 0 0 1.5px;width:2.2px;height:18px;top:70px;left:-2.2px}.iphone-button.volume-down{border-radius:1.5px 0 0 1.5px;width:2.2px;height:18px;top:94px;left:-2.2px}.iphone-button.power-btn{border-radius:0 1.5px 1.5px 0;width:2.2px;height:24px;top:78px;right:-2.2px}.iphone-screen-frame{isolation:isolate;transform-style:flat;z-index:1;background:#09090b;border-radius:20px;position:absolute;inset:4px;box-shadow:inset 0 0 3px #000000d9}.iphone-screen-content:after{content:"";pointer-events:none;z-index:200;background:linear-gradient(125deg,#ffffff1f 0%,#ffffff08 30%,#fff0 50%);width:150%;height:150%;position:absolute;top:0;left:-50%}.iphone-notch{z-index:100;background:#000;border-radius:5px;justify-content:flex-end;align-items:center;width:38px;height:10px;padding-right:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 1px #ffffff26}.iphone-camera{background:#080706;border:.5px solid #1f2937;border-radius:50%;width:3.5px;height:3.5px;position:relative}.iphone-camera:after{content:"";opacity:.7;background:#2563eb;border-radius:50%;width:1.2px;height:1.2px;position:absolute;top:.8px;left:.8px}.iphone-screen-content{background:var(--bg-primary);transform-origin:0 0;z-index:5;border-radius:52px;width:320px;height:720px;position:absolute;overflow:hidden;transform:scale(.35);margin:0!important;top:0!important;left:0!important}.iphone-screen-content.dark-theme{--bg-primary:#09090b;--bg-secondary:#18181b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#fafafa;--accent-rgb:250, 250, 250}.iphone-status-bar{background:var(--bg-primary);height:24px;color:var(--text-primary);z-index:150;pointer-events:none;justify-content:space-between;align-items:center;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:10px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.iphone-status-bar .status-icons{align-items:center;gap:5px;display:flex}.iphone-screen-content .mini-hamburger{color:var(--text-primary);cursor:pointer;font-size:16px!important;display:block!important}.macbook-screen .mini-hamburger{display:none!important}.iphone-screen-content .mockup-scroll-container{background:var(--bg-primary);width:100%;animation:14s ease-in-out infinite alternate mockup-scroll;gap:16px!important;padding:36px 12px 12px!important}.iphone-screen-content .mini-links{display:none!important}.iphone-screen-content .mini-logo{gap:5px}.iphone-screen-content .mini-logo-text{letter-spacing:.1em!important;font-size:8px!important}.iphone-screen-content .mini-logo img{height:14px!important}.iphone-screen-content .mini-nav{padding:8px 12px!important}.iphone-screen-content .mini-hero{gap:8px!important;padding:24px 12px!important}.iphone-screen-content .mini-greeting{font-size:7px!important}.iphone-screen-content .mini-title{font-size:18px!important}.iphone-screen-content .mini-tagline{font-size:8px!important}.iphone-screen-content .mini-buttons{gap:6px!important;margin-top:2px!important}.iphone-screen-content .mini-btn-primary,.iphone-screen-content .mini-btn-secondary{padding:4px 8px!important;font-size:7px!important}.iphone-screen-content .mini-section{padding:16px 12px!important}.iphone-screen-content .mini-section-title{margin-bottom:10px!important;font-size:12px!important}.iphone-screen-content .mini-about-grid{grid-template-columns:1fr!important;gap:10px!important}.iphone-screen-content .mini-about-para{font-size:8px!important;line-height:1.4!important}.iphone-screen-content .mini-skill-title{margin-bottom:4px!important;font-size:8px!important}.iphone-screen-content .mini-skills-grid{gap:3px!important}.iphone-screen-content .mini-skill-tag{padding:2px 4px!important;font-size:7px!important}.iphone-screen-content .mini-projects-grid{gap:10px!important}.iphone-screen-content .mini-project-img{height:40px!important}.iphone-screen-content .mini-project-content{gap:3px!important;padding:6px!important}.iphone-screen-content .mini-project-title{font-size:9px!important}.iphone-screen-content .mini-text-line{height:2px!important}.iphone-screen-content.dark-theme{color:#fff!important;background-color:#0a0b19!important;background-image:linear-gradient(#0a0b1973 0%,#0a0b19b3 100%)!important;background-position:52%!important;background-repeat:no-repeat!important;background-size:cover!important;flex-direction:column!important;width:320px!important;height:720px!important;display:flex!important}.iphone-screen-content.dark-theme .iphone-status-bar{color:#fff!important;z-index:130!important;background:0 0!important;height:24px!important}.iphone-screen-content.dark-theme .iphone-status-bar .status-icons ion-icon{color:#fff!important}.iphone-screen-content.dark-theme .mini-nav{z-index:120!important;background:0 0!important;border-bottom:none!important;justify-content:space-between!important;align-items:center!important;height:44px!important;padding:10px 16px!important;display:flex!important;position:absolute!important;top:24px!important;left:0!important;right:0!important}.iphone-screen-content.dark-theme .mini-logo{align-items:center!important;gap:6px!important;display:flex!important}.iphone-screen-content.dark-theme .mini-logo-text{color:#fff!important;font-family:var(--font-serif)!important;letter-spacing:.15em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:400!important}.iphone-screen-content.dark-theme .mini-lang-btn{color:#fff!important;font-size:8px!important;font-family:var(--font-sans)!important;cursor:pointer!important;border:1.2px solid #ffffff59!important;border-radius:3px!important;margin-right:14px!important;padding:4px 10px!important;display:inline-block!important}.iphone-screen-content.dark-theme .mini-hamburger{color:#fff!important;cursor:pointer!important;font-size:18px!important}.iphone-screen-content.dark-theme .mockup-scroll-container{box-sizing:border-box!important;background:0 0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;width:100%!important;height:100%!important;padding:92px 24px 32px!important;animation:none!important;display:flex!important}.iphone-screen-content.dark-theme .mini-hero{background:0 0!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:100%!important;min-height:auto!important;padding:0!important;display:flex!important}.iphone-screen-content.dark-theme .mini-hero-text-group{text-align:center!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-top:auto!important;margin-bottom:auto!important;display:flex!important}.iphone-screen-content.dark-theme .mini-greeting{font-family:var(--font-sans)!important;letter-spacing:.18em!important;color:#ffffffb3!important;text-transform:uppercase!important;margin-bottom:8px!important;font-size:8px!important;font-weight:500!important}.iphone-screen-content.dark-theme .mini-title{color:#fff!important;font-family:var(--font-serif)!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin:8px 0!important;font-size:20px!important;font-weight:300!important;line-height:1.25!important}.iphone-screen-content.dark-theme .mini-tagline{font-family:var(--font-sans)!important;color:#ffffffbf!important;max-width:90%!important;margin-bottom:0!important;font-size:9px!important;line-height:1.55!important}.iphone-screen-content.dark-theme .mini-buttons{flex-direction:column!important;gap:10px!important;width:100%!important;margin-top:auto!important;display:flex!important}.iphone-screen-content.dark-theme .mini-btn-primary{color:#09090b!important;letter-spacing:.1em!important;text-align:center!important;text-transform:none!important;background:#fff!important;border:1px solid #fff!important;border-radius:99px!important;width:100%!important;padding:12px 16px!important;font-size:9px!important;font-weight:600!important;display:block!important}.iphone-screen-content.dark-theme .mini-btn-secondary{color:#fff!important;letter-spacing:.1em!important;text-align:center!important;text-transform:none!important;background:0 0!important;border:1px solid #ffffff73!important;border-radius:99px!important;width:100%!important;padding:12px 16px!important;font-size:9px!important;font-weight:600!important;display:block!important}.iphone-shadow{filter:blur(6px);z-index:-1;pointer-events:none;background:radial-gradient(#00000073 0%,#0000 70%);width:80%;height:20px;position:absolute;bottom:-12px;left:10%;transform:rotateX(80deg)}.mini-nav{background:var(--bg-primary);border-bottom:1px solid rgba(var(--accent-rgb), .1);z-index:100;justify-content:space-between;align-items:center;padding:6px 10px;display:flex;position:sticky;top:0}.mini-logo{align-items:center;gap:4px;display:flex}.mini-logo-text{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-primary);font-size:6px;font-weight:600}.mini-lang-btn{color:var(--text-muted);margin-right:6px;font-size:6px}.mini-hero{flex-direction:column;gap:6px;padding:20px 10px;display:flex;position:relative}.mini-hero-text-group{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.mini-greeting{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;font-size:5px}.mini-title{font-family:var(--font-serif);color:var(--text-primary);font-size:14px;font-weight:300;line-height:1.1}.mini-tagline{color:var(--text-secondary);font-size:5.5px;line-height:1.4;font-family:var(--font-serif);font-style:italic}.mini-buttons{gap:4px;width:100%;display:flex}.mini-btn-primary{background:var(--text-primary);color:var(--bg-primary);text-transform:none;letter-spacing:.05em;text-align:center;border-radius:99px;flex:1;padding:3px 6px;font-size:4.5px}.mini-btn-secondary{border:1px solid rgba(var(--accent-rgb), .2);color:var(--text-primary);text-transform:none;letter-spacing:.05em;text-align:center;border-radius:99px;flex:1;padding:3px 6px;font-size:4.5px}.about{background:var(--bg-secondary);border-top:1px solid rgba(var(--accent-rgb), .05);z-index:1;position:relative}.about-grid{grid-template-columns:1fr;gap:4rem;display:grid}@media (min-width:992px){.about-grid{grid-template-columns:1.1fr 1fr;gap:6rem}}.about-text p{font-size:1.35rem;font-family:var(--font-serif);color:var(--text-secondary);margin-bottom:2rem;line-height:1.65}.skills-container{background:var(--bg-primary);border:1px solid rgba(var(--accent-rgb), .12);border-radius:20px;padding:3rem}.skills-container h3{letter-spacing:.05em;text-transform:uppercase;font-size:1.8rem;font-weight:300;font-family:var(--font-serif);margin-bottom:2rem}.skills-grid{flex-wrap:wrap;gap:.8rem;display:flex}.skill-tag{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .15);color:var(--accent-primary);letter-spacing:.08em;border-radius:9999px;padding:8px 18px;font-size:.8rem;transition:all .4s cubic-bezier(.16,1,.3,1)}a.skill-tag:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.projects{background-color:var(--bg-primary)}.projects-grid{grid-template-columns:1fr;gap:4rem;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.project-card{background:var(--bg-secondary);border:1px solid rgba(var(--accent-rgb), .08);border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--glass-shadow);transform:translateY(-8px)}.project-image{width:100%;height:260px;position:relative;overflow:hidden}.image-placeholder{width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-card:hover .image-placeholder,.project-card:hover .project-image img{transform:scale(1.04)}.bg-gradient-1{background:linear-gradient(135deg,#e6dfd3 0%,#d4c5b9 100%)}.bg-gradient-2{background:linear-gradient(135deg,#d4c5b9 0%,#cbbca9 100%)}.bg-gradient-3{background:linear-gradient(135deg,#cbbca9 0%,#e6dfd3 100%)}.project-content{flex-direction:column;flex-grow:1;padding:2.5rem;display:flex}.project-links{justify-content:flex-end;gap:1.2rem;margin-bottom:1.5rem;display:flex}.project-links a{color:var(--text-muted);font-size:1.4rem}.project-links a:hover{color:var(--accent-primary)}.project-card h3{letter-spacing:.02em;margin-bottom:1rem;font-size:1.8rem;font-weight:300}.project-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.tech-stack{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;gap:.8rem;font-size:.75rem;display:flex}.tech-stack span{color:var(--accent-primary);border-bottom:1px solid rgba(var(--accent-rgb), .15);margin-right:14px;padding:2px 0}.contact{background:var(--bg-secondary);text-align:center;border-top:1px solid rgba(var(--accent-rgb), .05)}.contact-card{background:var(--bg-primary);border:1px solid rgba(var(--accent-rgb), .12);border-radius:20px;max-width:650px;margin:0 auto;padding:5rem 3rem}.contact-form{text-align:left;flex-direction:column;gap:1.8rem;display:flex}.form-row{flex-direction:column;gap:1.8rem;display:flex}@media (min-width:576px){.form-row{flex-direction:row}.form-row .form-group{flex:1}}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{font-family:var(--font-sans);border:1px solid rgba(var(--accent-rgb), .18);color:var(--text-primary);background:#ffffff8c;border-radius:12px;outline:none;padding:.9rem 1.1rem;font-size:.95rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.65}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 10px rgba(var(--accent-rgb), .08)}.form-status{font-family:var(--font-sans);text-align:center;border-radius:2px;margin-top:1.5rem;padding:1rem 1.2rem;font-size:.9rem;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.16,1,.3,1) slide-in;display:none}.form-status.success{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);color:var(--accent-primary)}.form-status.error{color:#b43c32;background:#b43c3214;border:1px solid #b43c3240}.form-status.visible{display:block}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.socials-section{background:var(--bg-primary);text-align:center;border-top:1px solid rgba(var(--accent-rgb), .05);padding:6rem 8%}.socials-container{max-width:600px;margin:0 auto}.socials-tagline{color:var(--text-muted);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.25em;margin-bottom:1.2rem;font-size:.8rem;display:block}.socials-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:3rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:300}.social-links{justify-content:center;gap:1.5rem;display:flex}.social-btn{border:1px solid rgba(var(--accent-rgb), .12);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;color:var(--text-secondary)!important}.social-btn:before{content:"";background:var(--accent-primary);z-index:1;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0}.social-btn:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 20px #0000000d;color:var(--bg-primary)!important}.social-btn:hover:before{top:0}.site-footer{background-color:var(--bg-primary);border-top:1px solid rgba(var(--accent-rgb), .08);padding:5rem 8% 3rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto 4rem;display:grid}.footer-brand p{color:var(--text-secondary);font-family:var(--font-serif);max-width:320px;margin-top:1.5rem;font-size:1.05rem;font-style:italic;line-height:1.6}.footer-col h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--text-primary);margin-bottom:1.5rem;font-size:.75rem;font-weight:600}.footer-col ul{flex-direction:column;gap:.8rem;display:flex}.footer-col a{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-col a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid rgba(var(--accent-rgb), .08);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding-top:2rem;display:flex}.copyright{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem}.fade-up{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.fade-in-right.visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}@media (max-width:991px){.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (max-width:768px){.section{padding:80px 6%}.nav-container{padding:.9rem 6%}.menu-toggle{z-index:1001;display:block}.nav-links{-webkit-backdrop-filter:blur(15px);z-index:990;opacity:0;visibility:hidden;background:#faf9f6fa;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:100%;height:100vh;padding:100px 10% 4rem;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s;position:fixed;top:0;left:0}.nav-links.active{opacity:1;visibility:visible}.nav-links li{border-bottom:1px solid #0000000f;width:100%;padding:1.2rem 0}.nav-links li:last-child{border-bottom:none}.nav-links a{letter-spacing:.02em;text-transform:none;color:var(--text-primary);opacity:0;font-size:1.5rem;font-weight:400;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(-15px)}.nav-links a:after{display:none}.nav-links.active a{opacity:1;transform:translateY(0)}.nav-links.active li:first-child a{transition-delay:.1s}.nav-links.active li:nth-child(2) a{transition-delay:.15s}.nav-links.active li:nth-child(3) a{transition-delay:.2s}.nav-links.active li:nth-child(4) a{transition-delay:.25s}.nav-links.active li:nth-child(5) a{transition-delay:.3s}.nav-logo-img{height:34px}.logo-text{letter-spacing:.2em;font-size:.9rem}.hero{gap:2rem;min-height:auto;padding-top:100px}.hero h1{margin-bottom:1.5rem;font-size:2.6rem;line-height:1.2}.subtitle{margin-bottom:2rem;font-size:1.15rem}.hero-cta{flex-direction:column;gap:.8rem;width:100%}.hero-cta .btn{text-align:center;width:100%}.hero-graphic{min-height:auto;width:100%!important;min-width:0!important;max-width:100%!important}.macbook-wrapper{width:100%;margin:2.5rem auto 0;min-width:0!important;max-width:540px!important;transform:scale(var(--macbook-scale,1)) translateX(-5%)!important;flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;gap:20px!important;display:flex!important}.macbook{aspect-ratio:16/10!important;width:420px!important;transform:rotateX(-10deg)rotateY(0)!important}.iphone-17{z-index:50!important;width:90px!important;height:195px!important;margin-bottom:-40px!important;margin-left:-60px!important;transform:translateZ(280px)rotateY(0)rotateX(0)!important}.iphone-screen-content{transform-origin:0 0!important;width:320px!important;height:720px!important;margin:0!important;top:0!important;left:0!important;transform:scale(.25625)!important}.section-title{margin-bottom:3rem}.section-title h2{font-size:2.4rem}.about-grid{gap:2.5rem}.about-text p{margin-bottom:1.5rem;font-size:1.15rem;line-height:1.6}.skills-container{padding:2rem 1.5rem}.skills-container h3{margin-bottom:1.5rem;font-size:1.4rem}.projects-grid{gap:2rem}.project-content{padding:1.8rem}.project-card h3{font-size:1.5rem}.contact-card{padding:3rem 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}