@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap");::selection{background-color:var(--accent-color);color:var(--bg-color)}::-moz-selection{background-color:var(--accent-color);color:var(--bg-color)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{scroll-behavior:smooth;--enable-animations:0}.loading{opacity:0;visibility:hidden;pointer-events:none;position:fixed}.loading-complete{opacity:1;visibility:visible;pointer-events:auto;position:relative;transition:opacity .8s ease-out,visibility 0s;transition-delay:.3s}body{background-color:var(--bg-color)!important;color:var(--text-color)!important;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden;min-height:100vh;width:100%;position:relative}@media (hover:none) and (pointer:coarse){a:focus,button:focus{outline:none}a,button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}a:active,button:active{background-color:transparent}}.github-link,.mobile-nav-links a,.nav-links a,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-name{font-family:Playfair Display,serif;letter-spacing:-.02em}.section-title{font-size:2.5rem;margin-bottom:2rem;color:var(--text-color);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:2px;background:var(--accent-color)}.section-text{line-height:1.8;color:var(--text-color);opacity:.9}.particles-canvas{z-index:1}.noise,.particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.noise{z-index:0;opacity:.15;mix-blend-mode:overlay}.noise svg{width:100%;height:100%;opacity:.5}:root[data-theme=dark]{--bg-color:#0a0a0a;--text-color:#ffffff;--accent-color:#dcf1f5;--nav-height:80px;--section-padding:120px;--section-bg:#111111;--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.05)}:root[data-theme=light]{--bg-color:#ffffff;--text-color:#0a0a0a;--accent-color:#1a1a1a;--nav-height:80px;--section-padding:120px;--section-bg:#f5f5f5;--glass-bg:rgba(0,0,0,0.03);--glass-border:rgba(0,0,0,0.05)}:root{--nav-height:80px;--section-padding:120px}.navbar{height:var(--nav-height);width:max(60%,600px);position:fixed;top:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.1)}.desktop-navbar,.mobile-navbar{display:none}@media (min-width:769px){.desktop-navbar{display:flex}}@media (max-width:768px){.mobile-navbar{display:flex;width:90%;padding:0 1rem;top:1rem}.navbar{background:rgba(255,255,255,.85);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .navbar{background:rgba(17,17,17,.85)}.mobile-menu{position:fixed;top:calc(var(--nav-height) + 1rem);left:5%;width:90%;background:rgba(255,255,255,.85);border-radius:15px;border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px rgba(0,0,0,.3);z-index:99;overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out}[data-theme=dark] .mobile-menu{background:rgba(17,17,17,.85)}.mobile-menu.visible{opacity:1;transform:translateY(0)}.mobile-menu.hidden{opacity:0;transform:translateY(-10px)}.mobile-nav-links{list-style:none;padding:1rem;margin:0}.mobile-nav-links li{margin:0}.mobile-nav-links a{display:block;padding:1rem;color:var(--text-color);text-decoration:none;font-size:1.1rem;font-weight:500;border-radius:10px;transition:all .2s ease}.mobile-nav-links a:hover{background:rgba(var(--accent-color-rgb),.1)}}.navbar:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,transparent 20%,rgba(220,241,245,.1) 40%,rgba(220,241,245,.1) 60%,transparent 80%);border-radius:20px;z-index:-1;transition:all .3s ease;opacity:.5}.navbar:hover:before{opacity:.8;background:linear-gradient(45deg,transparent,rgba(220,241,245,.2) 40%,rgba(220,241,245,.2) 60%,transparent)}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links a{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;padding:.5rem 0;letter-spacing:.5px;opacity:.8}.nav-links a.active{color:var(--accent-color);opacity:1}.nav-links a:hover{opacity:1}.nav-links a:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);transform:scaleX(0);transition:transform .3s ease}.nav-links a:hover:before{transform:scaleX(1)}.hero-section{text-align:center;justify-content:center;gap:3rem;padding-top:calc(var(--nav-height) + var(--section-padding));position:relative}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent 20%,var(--section-bg));pointer-events:none;z-index:1}.hero-content{display:flex;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;opacity:0;transform:translateY(20px);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards paused;animation-play-state:var(--enable-animations,paused)}.hero-text-content{flex:1 1;text-align:left}.hero-image{flex:1.2 1;position:relative}.profile-container{width:400px;height:550px;position:relative;margin:0 auto;z-index:2}.profile-shape{width:100%;height:100%;position:relative;overflow:hidden;animation:morphShape 15s ease-in-out infinite;border:2px solid transparent;background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(45deg,var(--accent-color),rgba(var(--accent-color-rgb),.3)) border-box;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 20px rgba(var(--accent-color-rgb),.15)}.profile-shape:hover{box-shadow:0 15px 40px rgba(0,0,0,.3),inset 0 0 30px rgba(var(--accent-color-rgb),.25);background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(45deg,var(--accent-color),rgba(var(--accent-color-rgb),.6)) border-box}.profile-shape img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.profile-shape:hover img{transform:scale(1.1)}.hero-text{font-size:clamp(2rem,5vw,4rem);font-weight:800;margin-bottom:1rem;color:var(--text-color);letter-spacing:-.02em;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s forwards paused;animation-play-state:var(--enable-animations,paused)}.hero-subtext,.hero-text{opacity:0;transform:translateY(20px)}.hero-subtext{font-size:clamp(1rem,2vw,1.5rem);max-width:600px;line-height:1.5;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s forwards paused;animation-play-state:var(--enable-animations,paused)}.section{min-height:100vh;width:100%;padding:var(--section-padding) 5%;display:flex;align-items:center;justify-content:center;position:relative}.section:not(.hero-section){background-color:var(--section-bg);position:relative;z-index:2;min-height:auto;padding:calc(var(--section-padding) * .8) 5%}.section-content{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.16,1,.3,1);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:3rem;max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:3}.project-card{will-change:transform}.project-card:hover{transform:translateY(-5px)}.project-card .card-background{will-change:transform,opacity}.project-card .project-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.project-preview{position:fixed;z-index:9998;pointer-events:none;opacity:0;transform:scale(.95) translateY(10px);box-shadow:0 8px 32px rgba(0,0,0,.3);background:var(--glass-bg);padding:8px;border-radius:12px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:center;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transition:all .2s ease-out}.project-preview.visible{opacity:1;transform:scale(1) translateY(0)}.project-preview img{display:block;max-width:100%;height:auto}.mobile-project-preview{display:none;position:fixed;bottom:0;left:0;width:100%;background:rgba(255,255,255,.85);border-top:1px solid var(--glass-border);padding:3rem 1.5rem 1.5rem;z-index:1000;transform:translateY(100%);transition:transform .3s ease-out}[data-theme=dark] .mobile-project-preview{background:rgba(17,17,17,.85)}.mobile-project-preview.visible{transform:translateY(0)}.mobile-project-preview-content{position:relative;margin-top:.5rem}.mobile-project-preview .close-button{position:absolute;top:-2rem;right:-.75rem;padding:.5rem;background:transparent;border:none;color:var(--text-color);cursor:pointer;opacity:.7;transition:opacity .2s ease;z-index:2}.mobile-project-preview .close-button:hover{opacity:1}.mobile-project-preview img{width:100%;height:auto;border-radius:8px}.loader{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background-color:var(--bg-color)}.loader,.loader-content{display:flex;align-items:center;justify-content:center}.loader-percentage{font-family:var(--font-playfair);font-size:clamp(5rem,20vw,16rem);color:var(--text-color);opacity:.95;position:relative;text-align:center;min-width:3ch}.loader-percentage:after{content:"%";font-family:var(--font-playfair);font-size:.3em;position:absolute;top:.4em;right:-.6em;opacity:.5}@media (max-width:768px){.loader-content{padding:2rem 3rem}.loader-content,.loader-content:before{border-radius:20px}}.custom-cursor{width:20px;height:20px;background:var(--accent-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform-origin:center center;will-change:transform,width,height;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),opacity .15s ease-out,transform .05s linear}.custom-cursor.hidden{opacity:0}.custom-cursor.clicked{width:40px;height:40px;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),transform .05s linear}.custom-cursor.pointer{width:30px;height:30px}.custom-cursor.project-hover{width:15px;height:15px;opacity:.5;mix-blend-mode:normal;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .05s linear}.contact-container input:focus,.contact-container textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(220,241,245,.1)}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--accent-color)}@media (max-width:768px){.custom-cursor,.project-card .project-link{display:none}.project-card>div>div:last-child{display:none!important;margin-top:0!important}.hero-content{flex-direction:column-reverse;padding:0 1rem}.hero-content,.hero-text-content{text-align:center;position:relative}.hero-text-content{margin-top:-3rem;z-index:3;display:flex;flex-direction:column;align-items:center;padding-bottom:3rem}.hero-text{text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subtext{text-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:1.5rem}.profile-container{width:300px;height:400px;margin-top:calc(var(--nav-height) + 1rem);position:relative;z-index:10}.profile-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,var(--bg-color));z-index:12;pointer-events:none}.profile-shape{border:2px solid var(--accent-color);box-shadow:0 10px 30px rgba(0,0,0,.4)}.profile-shape,.profile-shape img{background:var(--bg-color);position:relative;z-index:11}.profile-shape img{opacity:1!important;backdrop-filter:none;-webkit-backdrop-filter:none}.profile-shape:hover{box-shadow:0 15px 40px rgba(0,0,0,.5)}.hero-section:after{height:80px;background:linear-gradient(to bottom,transparent 40%,var(--section-bg))}.section{padding:calc(var(--section-padding) * .7) 1rem;padding-top:calc(var(--nav-height) + 2rem)}.section-content{padding:2rem;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-bg)}.hero-section{padding:1rem}.contact-container{flex-direction:column;gap:3rem!important}.contact-container form,.contact-container>div{width:100%}.project-preview{display:none}.mobile-project-preview{display:block}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading *{opacity:0!important;transform:translateY(20px)!important;animation:none!important}.loading-complete *{animation-play-state:running!important}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleNumber{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes backgroundFade{0%{opacity:1}to{opacity:0}}@keyframes morphShape{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/40% 50% 60% 50%}75%{border-radius:40% 50% 60% 50%/70% 30% 50% 60%}}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/f7c8bed65df13031-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/6af6b543dd3be231-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_65f816{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_65f816{--font-playfair:"Playfair Display","Playfair Display Fallback"}