*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-light:#a78bfa;--primary-dark:#4f46e5;--accent:#06b6d4;--accent-pink:#ec4899;--accent-orange:#f59e0b;--text-primary:#0f172a;--text-secondary:#64748b;--bg-primary:#fff;--bg-secondary:#f8fafc;--shadow:0 25px 50px -12px #00000040}[data-theme=dark]{--primary:#8b5cf6;--primary-light:#c4b5fd;--primary-dark:#7c3aed;--accent:#22d3ee;--accent-pink:#f472b6;--accent-orange:#fbbf24;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--bg-primary:#0a0a0f;--bg-secondary:#1e1e2e;--shadow:0 25px 50px -12px #000c}body{color:var(--text-primary);background:var(--bg-primary);cursor:none;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.custom-cursor{border:2px solid var(--primary);pointer-events:none;z-index:10000;will-change:transform;border-radius:50%;width:20px;height:20px;transition:width .15s,height .15s,background .15s,border-color .15s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 20px var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-cursor.active{border-color:var(--accent);background:#6366f11a;width:40px;height:40px}.particles{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--primary);opacity:.3;border-radius:50%;width:3px;height:3px;animation:20s infinite float-particle;position:absolute}@keyframes float-particle{0%,to{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{transform:translate(var(--tx),var(--ty))rotate(360deg);opacity:0}}.gradient-bg{z-index:-2;background:radial-gradient(circle at 20% 30%,#6366f126 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ec489926 0%,#0000 50%),radial-gradient(circle,#06b6d41a 0%,#0000 50%);width:200%;height:200%;animation:15s infinite gradient-shift;position:fixed;top:-50%;left:-50%}@keyframes gradient-shift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-5%,10%)rotate(120deg)}66%{transform:translate(5%,-10%)rotate(240deg)}}nav{z-index:1000;backdrop-filter:blur(20px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;width:100%;padding:1.5rem 0;animation:1s nav-appear;position:fixed;top:0}[data-theme=dark] nav{background:#0a0a0f80;border-bottom:1px solid #ffffff0d}@keyframes nav-appear{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.logo{background:linear-gradient(135deg,var(--primary),var(--accent),var(--accent-pink));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;text-decoration:none;animation:3s infinite gradient-flow;position:relative}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);padding:.5rem 0;font-weight:600;text-decoration:none;position:relative;overflow:hidden}.nav-links a:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0}.nav-links a:hover:before{transform:translate(0)}.nav-actions{align-items:center;gap:.75rem;display:flex}.theme-toggle,.style-toggle{cursor:none;width:50px;height:50px;color:var(--text-primary);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.theme-toggle:hover,.style-toggle:hover{background:#fff3;transform:rotate(180deg)scale(1.1)}.hero{text-align:center;perspective:1000px;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:1000px;padding:0 2rem;position:relative}.hero h1{background:linear-gradient(135deg,var(--primary),var(--accent),var(--accent-pink),var(--primary-light));-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-shadow:0 0 80px #6366f180;transform-style:preserve-3d;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,12vw,8rem);font-weight:900;animation:5s infinite hero-gradient,1.5s hero-appear}@keyframes hero-gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes hero-appear{0%{opacity:0;transform:translateY(50px)rotateX(20deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.subtitle{color:var(--text-secondary);letter-spacing:.05em;margin-bottom:3rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:300;animation:1.5s .5s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.social-links{justify-content:center;gap:1.5rem;animation:1.5s 1s both fade-in;display:flex}.social-links a{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.8rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #6366f166}.social-links a:before{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-pink));opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.social-links a:hover:before{opacity:1}.social-links a:hover{transform:translateY(-10px)rotate(5deg)scale(1.1);box-shadow:0 20px 60px #6366f199}.social-links a i{z-index:1;position:relative}.scroll-indicator{animation:2s infinite bounce,1.5s 1.5s both fade-in;position:absolute;bottom:6rem;transform:translate(-50%)}.scroll-indicator i{color:var(--text-secondary);font-size:2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}section{padding:8rem 0;position:relative}.container{max-width:1400px;margin:0 auto;padding:0 2rem}h2{text-align:center;background:linear-gradient(135deg,var(--primary),var(--accent),var(--accent-pink));-webkit-text-fill-color:transparent;letter-spacing:-.02em;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;animation:3s infinite gradient-flow;position:relative}h2:after{content:"";background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;width:100px;height:4px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.project-card{backdrop-filter:blur(20px);transform-style:preserve-3d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:2.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}[data-theme=dark] .project-card{background:#1e1e2e99}.project-card:before{content:"";background:linear-gradient(135deg,var(--primary),var(--accent),var(--accent-pink));opacity:0;border-radius:25px;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-card:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.project-card:hover{transform:translateY(-20px)rotateX(5deg)scale(1.03);box-shadow:0 30px 80px #6366f166,0 0 0 1px #fff3}.project-card:hover:before{opacity:.1}.project-card:hover:after{left:150%}.project-card h3{color:var(--text-primary);z-index:1;margin-bottom:1rem;font-size:1.8rem;font-weight:700;position:relative}.project-card p{color:var(--text-secondary);z-index:1;margin-bottom:1.5rem;line-height:1.8;position:relative}.tech-stack{z-index:1;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;display:flex;position:relative}.skill-badge{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:25px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.skill-badge:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-badge:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 25px #6366f166}.skill-badge:hover:before{left:100%}.button{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;z-index:1;border-radius:15px;align-items:center;gap:.8rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #6366f14d}.button:before{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-pink));opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.button:hover:before{opacity:1}.button:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 20px 50px #6366f180}.button i{z-index:1;transition:transform .3s;position:relative}.button:hover i{transform:translate(5px)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.skill-card{backdrop-filter:blur(20px);text-align:center;transform-style:preserve-3d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;padding:2.5rem 1.5rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}[data-theme=dark] .skill-card{background:#1e1e2e99}.skill-card:before{content:"";opacity:0;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.skill-card:hover:before{opacity:1}.skill-card:hover{transform:translateY(-15px)rotateY(10deg)scale(1.05);box-shadow:0 25px 60px #6366f166,0 0 0 1px #fff3}.skill-icon{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:25px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 1.5rem;font-size:2.5rem;transition:all .5s;display:flex;position:relative;overflow:hidden}.skill-icon:before{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-pink));opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.skill-card:hover .skill-icon{transform:rotateY(360deg)scale(1.1);box-shadow:0 15px 40px #6366f180}.skill-card:hover .skill-icon:before{opacity:1}.skill-icon i,.skill-icon svg{z-index:1;position:relative}.skill-card h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;transition:all .3s}.skill-card:hover h3{color:var(--primary);transform:scale(1.1)}#scrollToTop{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:none;opacity:0;visibility:hidden;z-index:999;border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #6366f166}#scrollToTop.show{opacity:1;visibility:visible}#scrollToTop:hover{transform:translateY(-10px)rotate(360deg)scale(1.1);box-shadow:0 20px 50px #6366f199}.fade-in{opacity:0;transition:all .8s;transform:translateY(50px)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transition:all .8s;transform:translate(-100px)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transition:all .8s;transform:translate(100px)}.slide-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transition:all .8s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5)rotate(-10deg)}.scale-in.visible{opacity:1;transform:scale(1)rotate(0)}@media (width<=768px){body{cursor:auto}.custom-cursor,.nav-links{display:none}.hero h1{font-size:clamp(2.5rem,15vw,4rem)}.projects-grid{grid-template-columns:1fr;gap:2rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}section{padding:4rem 0}.project-card:hover,.skill-card:hover{transform:translateY(-10px)scale(1.02)}}