@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(255, 255, 255, .08);--accent-color: #38bdf8;--accent-hover: #7dd3fc;--accent-glow: rgba(56, 189, 248, .3);--gradient-1: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--gradient-bg: radial-gradient(circle at 10% 10%, #172554 0%, transparent 60%), radial-gradient(circle at 90% 90%, #172554 0%, transparent 60%);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .3);--shadow-lg: 0 25px 60px -15px rgba(0, 0, 0, .5);--nav-bg: rgba(2, 6, 23, .8);--badge-bg: rgba(56, 189, 248, .1)}[data-theme=personal]{--bg-color: #fdfbf7;--text-main: #0f172a;--text-muted: #64748b;--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(15, 23, 42, .08);--accent-color: #f43f5e;--accent-hover: #fb7185;--accent-glow: rgba(244, 63, 94, .2);--gradient-1: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--gradient-bg: radial-gradient(circle at top right, #fff1f2, transparent 60%), radial-gradient(circle at bottom left, #fdf4ea, transparent 60%), radial-gradient(circle at 50% 50%, #f0fdf4, transparent 50%);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px -5px rgba(0, 0, 0, .1);--shadow-lg: 0 30px 60px -12px rgba(0, 0, 0, .08);--nav-bg: rgba(253, 251, 247, .85);--badge-bg: rgba(244, 63, 94, .08)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{font-family:Inter,Outfit,sans-serif;background-color:var(--bg-color);background-image:var(--gradient-bg);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;filter:blur(100px);opacity:.4}.shape{position:absolute;border-radius:50%;animation:float 25s infinite alternate ease-in-out}.shape-1{width:45vw;height:45vw;background:var(--accent-color);top:-10vw;right:-5vw;opacity:.15}.shape-2{width:35vw;height:35vw;background:#6366f1;bottom:-5vw;left:-5vw;opacity:.1;animation-delay:-5s}.shape-3{width:25vw;height:25vw;background:#a855f7;top:40%;left:20%;opacity:.08;animation-delay:-10s}[data-theme=personal] .bg-shapes{filter:blur(80px);opacity:.6}[data-theme=personal] .shape{mix-blend-mode:multiply}[data-theme=personal] .shape-1{background:var(--accent-color);opacity:.3;width:40vw;height:40vw;animation-duration:20s}[data-theme=personal] .shape-2{background:#fb923c;opacity:.25;width:35vw;height:35vw;animation-duration:25s}[data-theme=personal] .shape-3{background:#38bdf8;opacity:.2;width:30vw;height:30vw;animation-duration:22s;top:20%}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(5vw,3vh) scale(1.05) rotate(15deg)}to{transform:translate(-3vw,5vh) scale(.95) rotate(-15deg)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{height:90px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--card-border);background:var(--nav-bg);margin-bottom:3rem;padding:0 2rem}.brand{font-size:1.5rem;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:.75rem}.brand-dot{width:12px;height:12px;background:var(--gradient-1);border-radius:3px;transform:rotate(45deg);box-shadow:0 0 20px var(--accent-glow)}.theme-switch-container{display:flex;align-items:center;gap:1rem;background:var(--card-bg);padding:.5rem 1rem;border-radius:100px;border:1px solid var(--card-border);transition:box-shadow .4s ease}.theme-switch-container:hover{box-shadow:0 0 25px var(--accent-glow)}.theme-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.5;transition:opacity .3s ease,text-shadow .3s ease}.theme-label.active{opacity:1;color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.theme-toggle{background:var(--text-main);color:var(--bg-color);width:50px;height:28px;border-radius:50px;position:relative;cursor:pointer;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 #0000}.theme-toggle:hover{box-shadow:0 0 15px var(--text-main);transform:scale(1.05)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=personal] .toggle-knob{left:25px;transform:rotate(360deg)}h1{font-size:clamp(3rem,10vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:-3px;margin-bottom:2rem}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}p{font-size:1.125rem;line-height:1.8;color:var(--text-muted)}section{padding:8rem 0}.reveal{opacity:0;transform:translateY(40px);filter:blur(10px);transition:all 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}.card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:40px;padding:3rem;height:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-20deg);transition:left .7s ease-in-out;pointer-events:none}.card:hover:after{left:150%}.card:hover{transform:translateY(-12px) scale(1.02);border-color:var(--accent-color);box-shadow:0 15px 35px #0003}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;min-height:calc(100vh - 120px);padding:4rem 0}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;background:var(--badge-bg);border:1px solid var(--card-border);border-radius:100px;font-size:.875rem;font-weight:700;color:var(--accent-color);margin-bottom:2.5rem}.hero-stats{display:flex;gap:4rem;margin-top:4rem}.stat-item h3{font-size:2.5rem;font-weight:900;margin-bottom:.25rem;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.image-wrapper{position:relative;width:100%;aspect-ratio:1;max-width:450px}.image-bg{position:absolute;inset:-15px;background:var(--gradient-1);border-radius:60px;transform:rotate(-8deg);opacity:.2;filter:blur(20px);z-index:-1}.hero-image{width:100%;height:100%;object-fit:cover;border-radius:50px;border:1px solid var(--card-border);box-shadow:var(--shadow-lg);transition:all .5s ease}.project-image{width:100%;height:280px;object-fit:cover;border-radius:20px;border:1px solid var(--card-border);box-shadow:0 8px 32px #0003;transition:transform .4s ease}.project-image:hover{transform:scale(1.02)}.btn-group{display:flex;gap:1.5rem;margin-top:3rem}.btn{padding:1.2rem 2.5rem;border-radius:20px;font-weight:800;font-size:1.1rem;display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 5px 15px var(--accent-glow)}.btn-primary:hover{transform:translateY(-6px) scale(1.05);background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-color)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:.7s}.btn-primary:hover:after{left:150%}.btn-secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--card-border)}.btn-secondary:hover{transform:translateY(-4px);background:var(--nav-bg);border-color:var(--accent-color);box-shadow:inset 0 0 20px var(--accent-glow),0 5px 25px #0000001a}.grid{display:grid;gap:2.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.hero{grid-template-columns:1fr;text-align:center}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.hero-stats,.btn-group{justify-content:center}}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}h1{font-size:3.5rem}header{padding:0 1rem}}.gaming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}.game-card{background:var(--card-bg);padding:2.5rem;border-radius:40px;border:1px solid var(--card-border);text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:1rem}.game-card:hover{background:var(--gradient-1);color:#fff;transform:translateY(-10px);border-color:transparent}.game-card:hover .game-rank,.game-card:hover .game-desc{color:#ffffffe6}.game-title{font-size:1.4rem;font-weight:800;display:block}.game-rank{font-size:.9rem;font-weight:700;color:var(--accent-color)}.game-desc{font-size:.9rem;opacity:.7;line-height:1.5}.food-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}.food-card{background:var(--card-bg);padding:1.5rem 2rem;border-radius:32px;border:1px solid var(--card-border);display:flex;align-items:center;gap:1.5rem;transition:all .4s ease}.food-card:hover{transform:translate(10px);border-color:var(--accent-color);background:var(--nav-bg)}.food-icon{font-size:2.2rem;background:var(--badge-bg);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px;flex-shrink:0}.food-info h4{font-size:1.15rem;font-weight:800;margin-bottom:.25rem}.food-info p{font-size:.85rem;opacity:.6}.timeline-item{position:relative;padding-left:3rem;margin-bottom:4rem}.timeline-dot{position:absolute;left:0;top:.5rem;width:16px;height:16px;background:var(--accent-color);border-radius:4px;transform:rotate(45deg);box-shadow:0 0 15px var(--accent-glow)}.skills-wall{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-card{padding:1rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;font-weight:700;display:flex;align-items:center;gap:.8rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-card:hover{background:var(--nav-bg);color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-8px) scale(1.05);box-shadow:0 10px 20px #0000001a,0 0 15px var(--accent-glow),inset 0 0 10px var(--accent-glow)}.footer-socials{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-link{color:var(--text-muted);background:var(--card-bg);border:1px solid var(--card-border);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.social-link:hover{color:#fff;background:var(--accent-color);transform:translateY(-10px) rotate(15deg);box-shadow:0 15px 25px var(--accent-glow),0 0 30px var(--accent-color);border-color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease forwards}.carousel-slide{position:absolute;width:90%;max-width:450px;height:auto;opacity:0;transform:translate(0) scale(.5) translateZ(-500px);pointer-events:none;cursor:pointer;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s cubic-bezier(.25,1,.5,1),z-index .8s}.carousel-slide.active{opacity:1;transform:translate(0) scale(1) translateZ(0);z-index:10;pointer-events:auto;cursor:default;box-shadow:0 25px 50px -12px #00000080}.carousel-slide.prev{opacity:.4;transform:translate(-110%) scale(.85) translateZ(-100px) rotateY(15deg);z-index:5;pointer-events:auto}.carousel-slide.next{opacity:.4;transform:translate(110%) scale(.85) translateZ(-100px) rotateY(-15deg);z-index:5;pointer-events:auto}.carousel-slide.hidden{opacity:0;transform:translate(0) scale(.5) translateZ(-500px);z-index:1}.carousel-slide.active:hover{transform:translateY(-12px) scale(1.02) translateZ(0)}.carousel-slide.prev:hover,.carousel-slide.next:hover{opacity:.8}.carousel-slide.prev:hover{transform:translate(-110%) scale(.9) translateZ(-80px) rotateY(10deg)}.carousel-slide.next:hover{transform:translate(110%) scale(.9) translateZ(-80px) rotateY(-10deg)}@media(max-width:992px){.carousel-slide.prev{transform:translate(-60%) scale(.8) translateZ(-100px)}.carousel-slide.next{transform:translate(60%) scale(.8) translateZ(-100px)}.carousel-slide.prev:hover{transform:translate(-60%) scale(.85) translateZ(-80px)}.carousel-slide.next:hover{transform:translate(60%) scale(.85) translateZ(-80px)}}@media(max-width:768px){.carousel-slide.prev{opacity:0;pointer-events:none;transform:translate(-40%) scale(.8) translateZ(-100px)}.carousel-slide.next{opacity:0;pointer-events:none;transform:translate(40%) scale(.8) translateZ(-100px)}}html,body{cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='15' width='10' height='2' fill='%2338bdf8'/%3E%3Crect x='18' y='15' width='10' height='2' fill='%2338bdf8'/%3E%3Crect x='15' y='10' width='2' height='4' fill='%2338bdf8'/%3E%3Crect x='15' y='18' width='2' height='4' fill='%2338bdf8'/%3E%3C/svg%3E") 16 16,auto}[data-theme=personal],[data-theme=personal] body{cursor:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23f43f5e'/%3E%3Ccircle cx='12' cy='12' r='8' stroke='%23f43f5e' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3C/svg%3E") 12 12,auto}a,button,[role=button],.card,.carousel-slide,.social-link,.theme-toggle{cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='15' width='10' height='2' fill='%2338bdf8'/%3E%3Crect x='22' y='15' width='10' height='2' fill='%2338bdf8'/%3E%3Crect x='15' y='6' width='2' height='4' fill='%2338bdf8'/%3E%3Crect x='15' y='22' width='2' height='4' fill='%2338bdf8'/%3E%3Crect x='14' y='14' width='4' height='4' fill='%2338bdf8' opacity='0.3'/%3E%3C/svg%3E") 16 16,pointer!important}[data-theme=personal] a,[data-theme=personal] button,[data-theme=personal] [role=button],[data-theme=personal] .card,[data-theme=personal] .carousel-slide,[data-theme=personal] .social-link,[data-theme=personal] .theme-toggle{cursor:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4' fill='%23f43f5e' opacity='0.4'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f43f5e'/%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23f43f5e' stroke-width='2'/%3E%3C/svg%3E") 12 12,pointer!important}a *,button *,[role=button] *,.card *,.carousel-slide *,.social-link *,.theme-toggle *{cursor:inherit!important}