:root{--accent: #ff6b6b;--accent2: #ff8e53;--bg1: #1a1a2e;--bg2: #16213e;--accent-rgb: 255, 107, 107;--accent2-rgb: 255, 142, 83;--accent-10: rgba(255, 107, 107, .1);--accent-15: rgba(255, 107, 107, .15);--accent-20: rgba(255, 107, 107, .2);--accent-30: rgba(255, 107, 107, .3);--accent-40: rgba(255, 107, 107, .4);--accent2-10: rgba(255, 142, 83, .1)}[data-theme=ocean]{--accent: #00d4ff;--accent2: #0099cc;--bg1: #0a1628;--bg2: #0d1f3c;--accent-rgb: 0, 212, 255;--accent2-rgb: 0, 153, 204;--accent-10: rgba(0, 212, 255, .1);--accent-15: rgba(0, 212, 255, .15);--accent-20: rgba(0, 212, 255, .2);--accent-30: rgba(0, 212, 255, .3);--accent-40: rgba(0, 212, 255, .4);--accent2-10: rgba(0, 153, 204, .1)}[data-theme=rose]{--accent: #f472b6;--accent2: #e879a0;--bg1: #1a0e1e;--bg2: #2d1030;--accent-rgb: 244, 114, 182;--accent2-rgb: 232, 121, 160;--accent-10: rgba(244, 114, 182, .1);--accent-15: rgba(244, 114, 182, .15);--accent-20: rgba(244, 114, 182, .2);--accent-30: rgba(244, 114, 182, .3);--accent-40: rgba(244, 114, 182, .4);--accent2-10: rgba(232, 121, 160, .1)}[data-theme=emerald]{--accent: #34d399;--accent2: #10b981;--bg1: #0a1a14;--bg2: #0d2018;--accent-rgb: 52, 211, 153;--accent2-rgb: 16, 185, 129;--accent-10: rgba(52, 211, 153, .1);--accent-15: rgba(52, 211, 153, .15);--accent-20: rgba(52, 211, 153, .2);--accent-30: rgba(52, 211, 153, .3);--accent-40: rgba(52, 211, 153, .4);--accent2-10: rgba(16, 185, 129, .1)}html{font-size:16px!important;scroll-behavior:smooth}body{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px!important;background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);color:#fff;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;position:relative}main{padding-top:60px}main section:not(#home){border-top:1px solid rgba(var(--accent-rgb),.08)}.navbar{background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 48px;height:60px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(var(--accent-rgb),.1);transition:all .3s}.navbar.scrolled{padding:10px 48px;height:56px;background:#1a1a2efa;box-shadow:0 8px 30px #00000080}.logo{font-size:32px!important;font-weight:700;color:var(--accent);letter-spacing:1px}.nav-links{display:flex;gap:40px}.nav-links a{text-decoration:none;color:#e0e0e0;font-weight:600;font-size:16px!important;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.page{padding-top:80px;animation:pageSlideIn .6s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dark-hero-page{background:linear-gradient(135deg,var(--bg1) 0%,var(--bg2) 100%);color:#fff;padding:24px 32px;position:relative;overflow:hidden}.dark-hero-page:before{content:"";position:absolute;top:-10%;right:-5%;width:600px;height:600px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.15);animation:floatBg 8s ease-in-out infinite;z-index:0}.dark-hero-page:after{content:"";position:absolute;bottom:-15%;left:-10%;width:700px;height:700px;border-radius:50%;border:2px solid rgba(var(--accent2-rgb),.1);animation:floatBg 10s ease-in-out infinite reverse;z-index:0}@keyframes floatBg{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.dark-hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:calc(100vh - 60px);padding:16px 0;position:relative;z-index:1}.dark-hero-left{padding:32px}.dark-hero-greeting{font-size:56px!important;font-weight:700;margin-bottom:8px;color:#fff;animation:textGlow 3s ease-in-out infinite}.dark-hero-greeting:after{content:".";color:var(--accent)}.dark-hero-name{font-size:42px!important;font-weight:600;margin-bottom:16px;color:#e0e0e0}.dark-hero-title{font-size:34px!important;font-weight:700;color:#fff;margin-bottom:32px}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(var(--accent-rgb),.3)}50%{text-shadow:0 0 30px rgba(var(--accent-rgb),.5),0 0 50px rgba(var(--accent-rgb),.3)}}.dark-hero-buttons{display:flex;gap:24px;margin-bottom:48px}.dark-btn-primary{padding:16px 32px;background:var(--accent);color:#fff;border:none;border-radius:5px;font-size:16px!important;font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.dark-btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.dark-btn-primary:hover:before{width:300px;height:300px}.dark-btn-primary:hover{background:#ff5252;box-shadow:0 5px 20px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.dark-btn-secondary{padding:16px 32px;background:transparent;color:#fff;border:2px solid #fff;border-radius:5px;font-size:16px!important;font-weight:600;cursor:pointer;transition:all .3s}.dark-btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.dark-skills-bar{display:flex;gap:16px;flex-wrap:wrap;opacity:.6}.dark-skill-tag{font-size:14px!important;color:#999;text-transform:uppercase;letter-spacing:1px;transition:all .3s;cursor:pointer}.dark-skill-tag:hover{opacity:1;color:var(--accent);transform:translateY(-3px)}.dark-hero-right{display:flex;justify-content:center;align-items:center;position:relative}.dark-profile-circle{position:relative;width:450px;height:450px;display:flex;justify-content:center;align-items:center;perspective:1000px}.dark-profile-image{width:380px;height:380px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;justify-content:center;align-items:center;position:relative;z-index:2;box-shadow:0 20px 60px rgba(var(--accent-rgb),.4),0 0 0 10px rgba(var(--accent-rgb),.1),0 0 0 20px rgba(var(--accent-rgb),.05);transform-style:preserve-3d;transition:transform .3s ease;animation:floatImg 6s ease-in-out infinite}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.dark-profile-image:hover{transform:translateZ(30px) rotateY(5deg) rotateX(5deg)}.dark-profile-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dark-profile-placeholder{font-size:96px!important;font-weight:700;color:#fff}.dark-profile-ring{position:absolute;width:480px;height:480px;border:3px solid rgba(var(--accent-rgb),.3);border-radius:50%;animation:rotate 20s linear infinite;box-shadow:0 0 30px rgba(var(--accent-rgb),.2),inset 0 0 30px rgba(var(--accent-rgb),.1);transition:all .3s}.dark-profile-ring:before{content:"";position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;border:2px solid rgba(var(--accent2-rgb),.2);border-radius:50%;animation:rotate 15s linear infinite reverse}.dark-profile-ring:after{content:"";position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:2px solid rgba(var(--accent-rgb),.15);border-radius:50%;animation:rotate 25s linear infinite}.dark-profile-circle:hover .dark-profile-ring{box-shadow:0 0 40px rgba(var(--accent-rgb),.6),0 0 60px rgba(var(--accent-rgb),.4);border-color:rgba(var(--accent-rgb),.6)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-about-section{max-width:1200px;margin:32px auto;padding:32px 40px;position:relative;z-index:1}.dark-section-title{font-size:34px!important;font-weight:700;margin-bottom:32px;text-align:center}.dark-about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dark-about-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform-style:preserve-3d;perspective:1000px}.dark-about-card:hover{background:#ffffff14;transform:translateY(-10px) rotateX(5deg) rotateY(5deg);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 20px 60px rgba(var(--accent-rgb),.3)}.dark-about-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent),var(--accent2),#667eea,#764ba2);border-radius:15px;z-index:-1;opacity:0;transition:opacity .3s;background-size:400% 400%;animation:gradientShift 3s ease infinite}.dark-about-card:hover:before{opacity:1}.dark-about-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.dark-card-icon{font-size:48px!important;margin-bottom:16px;transition:transform .3s}.dark-about-card:hover .dark-card-icon{transform:scale(1.2) rotate(10deg);animation:bounce .6s}.dark-about-card h3{font-size:24px!important;margin-bottom:16px;color:#fff}.dark-about-card p{color:#b0b0b0;line-height:1.6;font-size:15px!important}.dark-stats-section{max-width:1200px;margin:32px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:0 40px;position:relative;z-index:1}.dark-stat-card{background:#ffffff0d;padding:32px;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform-style:preserve-3d;perspective:1000px}.dark-stat-card:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 60px rgba(var(--accent-rgb),.3)}.dark-stat-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent),var(--accent2),#667eea,#764ba2);border-radius:15px;z-index:-1;opacity:0;transition:opacity .3s;background-size:400% 400%;animation:gradientShift 3s ease infinite}.dark-stat-card:hover:before{opacity:1}.dark-stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}.dark-stat-number{font-size:40px!important;font-weight:700;color:var(--accent);margin-bottom:8px;animation:countUp 2s ease-out}.dark-stat-label{color:#b0b0b0;font-size:16px!important}.dark-contact-bar{position:fixed;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:24px;z-index:100}.dark-contact-link{width:50px;height:50px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.dark-contact-link:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--accent-rgb),.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.dark-contact-link:hover:after{width:100px;height:100px}.dark-contact-link:hover{background:var(--accent);transform:scale(1.1)}.dark-page-container{max-width:1200px;margin:0 auto;padding:16px 40px 32px}.dark-page-title{font-size:48px!important;font-weight:700;text-align:center;margin-bottom:28px;color:#fff;animation:textGlow 3s ease-in-out infinite}.dark-page-title span{background:linear-gradient(45deg,var(--accent),var(--accent2),#667eea,#764ba2);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 3s ease infinite}.bg-circles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.bg-circles:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,107,107,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,107,.04) 1px,transparent 1px);background-size:60px 60px;z-index:0}.bg-circles:after{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(ellipse at center,rgba(255,107,107,.07) 0%,transparent 70%);animation:driftGlow 20s ease-in-out infinite alternate;z-index:0}@keyframes driftGlow{0%{transform:translate(0)}50%{transform:translate(60vw,40vh)}to{transform:translate(20vw,80vh)}}.circle{position:absolute;border-radius:50%;border:1.5px solid rgba(var(--accent-rgb),.1);animation:floatBg 15s ease-in-out infinite}.circle-1{width:400px;height:400px;top:10%;left:5%;border-color:rgba(var(--accent-rgb),.12)}.circle-2{width:500px;height:500px;top:50%;right:10%;border-color:rgba(var(--accent2-rgb),.08);animation-delay:2s;animation-duration:12s}.circle-3{width:350px;height:350px;bottom:10%;left:50%;border-color:#667eea1a;animation-delay:4s;animation-duration:18s}.particle{position:absolute;border-radius:50%;animation:particleFloat linear infinite;opacity:0}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-10vh) scale(1);opacity:0}}footer{background:#1a1a2ef2;padding:32px;text-align:center;color:#b0b0b0;border-top:1px solid rgba(var(--accent-rgb),.1);font-size:15px!important}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:scale(1.2) translateY(0)}50%{transform:scale(1.2) translateY(-10px)}}.dark-about-content>*,.dark-stats-section>*{animation:fadeInUp .6s ease-out backwards}.dark-about-content>*:nth-child(1){animation-delay:.1s}.dark-about-content>*:nth-child(2){animation-delay:.2s}.dark-about-content>*:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff5252,#ff7a43)}::selection{background:rgba(var(--accent-rgb),.3);color:#fff}@media (max-width: 968px){.dark-hero-container{grid-template-columns:1fr;gap:32px}.dark-hero-greeting{font-size:48px!important}.dark-hero-name{font-size:40px!important}.dark-hero-title{font-size:32px!important}.dark-page-title{font-size:40px!important}.dark-section-title{font-size:32px!important}.dark-profile-circle{width:300px;height:300px}.dark-profile-image{width:250px;height:250px}.dark-profile-placeholder{font-size:64px!important}.dark-contact-bar{position:static;transform:none;flex-direction:row;justify-content:center;margin:32px 0}.navbar{padding:16px 24px;height:auto}.nav-links{gap:24px}.logo{font-size:26px!important}.projects-grid{grid-template-columns:1fr!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}