:root{--bg-primary:#fff;--bg-secondary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--accent:#6366f1;--accent-glow:#6366f180;--neon-blue:#00d2ff;--neon-purple:#9d50bb;--accent-hover:#4f46e5;--border:#e5e7eb;--card-bg:#fff;--card-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--header-glass:#fffc;--font-sans:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-primary:#0a0c10;--bg-secondary:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#818cf8;--accent-glow:#818cf866;--neon-blue:#00e5ff;--neon-purple:#c084fc;--accent-hover:#a5b4fc;--border:#ffffff0d;--card-bg:#0f172a99;--card-shadow:0 20px 50px -12px #000000b3;--header-glass:#0a0c10cc}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@keyframes backgroundBreathe{0%{background-color:var(--bg-primary)}50%{background-color:var(--bg-secondary)}to{background-color:var(--bg-primary)}}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:color .3s;animation:8s ease-in-out infinite backgroundBreathe;overflow-x:hidden}.bg-grid{background-size:50px 50px;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);pointer-events:none;z-index:-1;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.app-header{background:var(--header-glass);border-bottom:1px solid var(--border);z-index:100;width:100%;padding:1.5rem 0;transition:background-color .3s;position:fixed;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;color:var(--text-primary);font-size:1.5rem;font-weight:800;transition:all .3s}.logo:hover{color:var(--accent);text-shadow:0 0 15px var(--accent-glow);transform:scale(1.1)}.nav-links nav{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:1rem;font-weight:500}.nav-links a:hover{color:var(--text-primary)}.theme-toggle{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-secondary);transform:scale(1.05)}section{padding:6rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.glass{background:var(--card-bg);border:1px solid var(--border)}.hero-section{background:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f626,#0000 25%);align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-shape{z-index:0;opacity:.3;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.shape-1{background:var(--accent);width:300px;height:300px;animation-duration:12s;top:10%;left:-5%}.shape-2{background:#3b82f6;width:250px;height:250px;animation-duration:15s;bottom:10%;right:-5%}.shape-3{background:#8b5cf6;width:200px;height:200px;animation-duration:18s;top:40%;left:50%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-30px)scale(1.1)}}.hero-text{z-index:10;max-width:800px;position:relative}.hero-text h1{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1}.highlight-text{background:linear-gradient(135deg, var(--accent), #3b82f6, #8b5cf6, var(--accent));-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientText}@keyframes gradientText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;line-height:1.5}.typewriter-text{border-right:.15em solid var(--accent);white-space:nowrap;letter-spacing:.05em;margin:0 auto;animation:3.5s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent)}}.action-buttons{gap:1.5rem;display:flex}.btn{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}@keyframes pulseGlow{0%,to{box-shadow:0 4px 14px #6366f163}50%{box-shadow:0 4px 25px 5px #6366f199}}.btn-primary{background-color:var(--accent);color:#fff;animation:3s infinite pulseGlow;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background-color:var(--accent-hover);color:#fff;animation:none;transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-2px)}.orbital-container{z-index:5;pointer-events:none;width:300px;height:300px;position:absolute;top:50%;right:15%;transform:translateY(-50%)}.orbital-icon{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;animation:15s linear infinite orbit;display:flex;position:absolute;box-shadow:0 10px 25px #0003}.orbital-icon svg{width:25px;height:25px;color:var(--accent)}@keyframes orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}.icon-1{animation-delay:0s}.icon-2{animation-delay:-5s}.icon-3{animation-delay:-10s}.highlight-text:hover{text-shadow:0 0 20px var(--accent-glow)}.projects-section{background-color:var(--bg-secondary)}.section-title{color:var(--text-primary);text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.projects-grid{gap:2.5rem}.project-card{background-color:var(--card-bg);box-shadow:var(--card-shadow);transform-style:preserve-3d;z-index:1;border-radius:1rem;flex-direction:column;transition:transform .1s ease-out,box-shadow .3s;display:flex;position:relative;overflow:hidden}.shimmer-beam{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #ffffff26, transparent 40%);pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.project-card:hover .shimmer-beam{opacity:1}.project-card:hover{box-shadow:0 20px 40px -10px var(--accent-glow);transform:translateY(-8px)}.project-image-placeholder{background-position:50%;background-size:cover;width:100%;height:220px;position:relative}.project-image-placeholder.chess{background:linear-gradient(135deg,#1e293b,#334155)}.project-image-placeholder.hackathon{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}.project-image-placeholder:after{content:"";background-image:repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 10px);position:absolute;inset:0}.project-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-content h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.project-content p{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem}.tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{background-color:var(--bg-secondary);color:var(--accent);border:1px solid var(--border);border-radius:9999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.project-link{align-items:center;margin-top:auto;font-weight:600;display:inline-flex}.project-link:hover .arrow{transform:translate(4px)}.arrow{margin-left:.5rem;transition:transform .2s;display:inline-block}.about-section{background-color:var(--bg-primary)}.about-content{align-items:center}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.about-text strong{color:var(--text-primary);font-weight:600}.personal-touch{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:2rem}.personal-touch h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.hobbies-list{padding:0;list-style:none}.hobbies-list li{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;display:flex}.about-visual{justify-content:center;display:flex}.skills-card{background-color:var(--card-bg);width:100%;max-width:450px;box-shadow:var(--card-shadow);border:1px solid var(--border);border-radius:1.5rem;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.skills-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px -12px #6366f140}.skills-card h3{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.skills-grid{flex-direction:column;gap:1.5rem;display:flex}.skill-item{width:100%}.skill-name{color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;transition:color .3s;display:block}.skills-card:hover .skill-name{color:var(--accent)}.progress-bar{background-color:var(--bg-secondary);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress{background:linear-gradient(90deg, var(--accent), #3b82f6);border-radius:9999px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.contact-section{background-color:var(--bg-primary);position:relative}.contact-content{max-width:600px;margin:0 auto}.contact-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.contact-form{background-color:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border);border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:.75rem;padding:.8rem 1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f133}.submit-btn{width:100%;margin-top:1rem}.custom-cursor-dot{background-color:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;transition:transform .2s,opacity .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{border:2px solid var(--accent);pointer-events:none;z-index:9998;border-radius:50%;width:32px;height:32px;transition:width .3s,height .3s,transform .1s ease-out,border-color .3s,box-shadow .3s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #6366f14d}.custom-cursor-dot.hovering{opacity:0;transform:translate(-50%,-50%)scale(0)}.custom-cursor-ring.hovering{background-color:#6366f11a;border-color:#6366f180;width:60px;height:60px;box-shadow:0 0 20px #6366f180}@media (width<=768px){.custom-cursor-dot,.custom-cursor-ring{display:none}}