*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#ff9b51;--secondary:#bfc9d1;--accent:#eaefef;--dark:#eaefef;--darker:#1a252e;--light:#eaefef;--gray:#bfc9d1}[data-theme=light]{--primary:#ff9b51;--secondary:#5a6a76;--accent:#25343f;--dark:#25343f;--darker:#fff;--light:#25343f;--gray:#7a8a96;--bg:#eaefef;--card-bg:hsla(0,0%,100%,.9);--border:rgba(37,52,63,.2);--text:#25343f;--text-secondary:#5a6a76}[data-theme=dark]{--bg:#25343f;--card-bg:rgba(37,52,63,.6);--border:rgba(191,201,209,.2);--text:#eaefef;--text-secondary:#bfc9d1}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--light);background:var(--bg,#25343f);overflow-x:hidden;transition:background .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}#projects .container{max-width:1600px;display:flex;flex-direction:column;align-items:center}#projects h2{text-align:center;width:100%}#projects .github-stats,#projects .grid,nav{width:100%}nav{background:var(--card-bg,rgba(37,52,63,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border,rgba(191,201,209,.2));position:fixed;top:0;z-index:1000;animation:slideDown .6s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}nav .container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.hamburger{display:none}.desktop-nav{display:flex;align-items:center}.menu-overlay,.mobile-menu{display:none}nav h3{font-size:1.5rem;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:.75rem}.nav-logo{width:40px;height:40px;border-radius:50%;object-fit:cover}nav a{text-decoration:none;color:var(--text,#eaefef);margin-left:2.5rem;transition:all .3s;position:relative;font-weight:500;cursor:pointer}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s cubic-bezier(.16,1,.3,1)}nav a:hover{color:var(--primary);transform:translateY(-2px)}nav a:hover:after{width:100%}.theme-toggle{position:relative;width:60px;height:30px;background:var(--border,rgba(191,201,209,.3));border-radius:30px;border:none;cursor:pointer;transition:all .3s;margin-left:1rem;padding:0}.theme-toggle:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.theme-toggle.active{background:var(--primary)}.theme-toggle.active:before{left:33px}.theme-toggle:hover{box-shadow:0 0 15px rgba(255,155,81,.4)}section{min-height:100vh;padding:8rem 0;opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.16,1,.3,1);display:flex;align-items:center}section.visible{opacity:1;transform:translateY(0)}h1{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text,#eaefef)}h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:3rem;color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle at 20% 50%,rgba(255,155,81,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(191,201,209,.1) 0,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.hero .container{position:relative;z-index:1}.hero h1{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1)}.hero .subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-secondary,#bfc9d1);margin-bottom:2rem;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s backwards}.hero .cta-group{display:flex;gap:1.5rem;flex-wrap:wrap;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 40px rgba(255,155,81,.3)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(255,155,81,.5)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem;gap:2rem;align-items:stretch}.card{padding:2rem;background:var(--card-bg,rgba(37,52,63,.6));border:1px solid var(--border,rgba(191,201,209,.2));border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:scale(.9);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .5s}.card.visible{opacity:1;transform:scale(1)}.card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:0 20px 60px rgba(255,155,81,.3)}.card:hover:before{opacity:1}.card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text,#eaefef)}.card h3,.card p{position:relative;z-index:1}.card p{color:var(--text-secondary,#bfc9d1);line-height:1.8;font-size:1rem}#about{background:linear-gradient(180deg,var(--bg,#25343f) 0,rgba(255,155,81,.05) 50%,var(--bg,#25343f) 100%);min-height:100vh;display:flex;align-items:center}#about .content{max-width:800px;margin:0 auto;text-align:center}#about p{font-size:1.3rem;color:var(--text-secondary,#bfc9d1);line-height:2}.github-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:2rem}.stat-card{text-align:center;padding:2rem;background:var(--card-bg,rgba(37,52,63,.6));border:1px solid var(--border,rgba(191,201,209,.2));border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 15px 40px rgba(255,155,81,.3)}.stat-number{font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--text-secondary,#bfc9d1);font-size:1.1rem}.repo-card{width:100%;height:100%;display:flex;flex-direction:column}.repo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.language-badge{padding:.3rem .8rem;background:rgba(255,155,81,.2);border:1px solid var(--primary);border-radius:20px;font-size:.85rem;color:var(--primary)}.repo-footer{margin-top:1rem;font-size:.9rem}.repo-footer,footer{color:var(--text-secondary,#bfc9d1)}footer{background:var(--darker);border-top:1px solid var(--border,rgba(191,201,209,.2));text-align:center;padding:3rem 0;animation:fadeIn 1s ease-out;min-height:100vh;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.container{padding:0 1.25rem;max-width:100%}nav{border-radius:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg,rgba(37,52,63,.95));border-bottom:.5px solid var(--border,rgba(191,201,209,.15))}nav .container{padding:.875rem 1rem;min-height:44px}nav h3{font-size:1.125rem;gap:.625rem;font-weight:600;letter-spacing:-.01em;position:absolute;left:50%;transform:translateX(-50%)}.nav-logo{width:30px;height:30px}.hamburger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{width:20px;height:2px;background:var(--text,#eaefef);border-radius:2px;transition:all .3s}.desktop-nav{display:none}.mobile-menu{display:flex;flex-direction:column;position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);background:var(--card-bg,rgba(37,52,63,.98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:.5px solid var(--border,rgba(191,201,209,.15));padding:1rem 0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1000}.mobile-menu.open{transform:translateX(0)}.mobile-menu a{padding:1rem 1.5rem;margin:0;color:var(--text,#eaefef);text-decoration:none;font-size:1.0625rem;font-weight:500;border-bottom:.5px solid var(--border,rgba(191,201,209,.1));transition:all .2s}.mobile-menu a:active{background:var(--border,rgba(191,201,209,.1))}.menu-overlay{display:block;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:rgba(0,0,0,.4);z-index:999}.theme-toggle{width:51px;height:31px;margin-left:0;border-radius:31px;background:var(--border,rgba(191,201,209,.25))}.theme-toggle:before{width:27px;height:27px;top:2px;left:2px}.theme-toggle.active:before{left:22px}section{min-height:100vh;padding:5rem 0 3rem;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}section .container{width:100%}h1{font-size:2.75rem;line-height:1.15;margin-bottom:1rem}h1,h2{font-weight:700;text-align:center}h2{font-size:2rem;margin-bottom:2rem}.hero{min-height:100vh;padding:5rem 0 3rem;justify-content:center;text-align:center}.hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{margin-bottom:1rem}.hero .subtitle{font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;max-width:90%}.hero .cta-group{flex-direction:column;gap:.875rem;width:100%;max-width:320px}.btn{width:100%;text-align:center;padding:1.125rem;font-size:1.0625rem;border-radius:14px;font-weight:600}#about{padding:5rem 0 3rem}#about .content{text-align:center;display:flex;flex-direction:column;justify-content:center}#about p{font-size:1.125rem;line-height:1.75;margin:0 auto}#services{padding:5rem 0 3rem}#services .container{overflow-y:auto;max-height:calc(100vh - 8rem);-webkit-overflow-scrolling:touch}.grid{grid-template-columns:1fr;gap:.875rem}.github-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}.repo-header{flex-direction:column;align-items:flex-start;gap:.625rem}#contact{padding:5rem 0 3rem;text-align:center}#contact .container{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact .content{width:100%;max-width:320px}#contact p{font-size:1.125rem;line-height:1.75;margin-bottom:2rem}#contact a{display:inline-block;width:100%}#contact .btn{white-space:nowrap;overflow:visible}footer{min-height:100vh;padding:5rem 1.25rem calc(3rem + env(safe-area-inset-bottom));scroll-snap-align:start;display:flex;align-items:center;justify-content:center;text-align:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}