:root{--bg-color: #0f172a;--bg-alt: transparent;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-1: #3b82f6;--accent-2: #8b5cf6;--accent-gradient: linear-gradient(135deg, var(--accent-1), var(--accent-2));--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;text-align:left}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4{font-weight:700;line-height:1.2}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:9999px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--text-primary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;padding:2.5rem;transition:transform .3s ease,border-color .3s ease}.hover-lift:hover{transform:translateY(-8px);border-color:#fff3}.section{padding:6rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.bg-alt{position:relative;background-color:#0d1323;overflow:hidden}@keyframes dash-pulse-forward{to{stroke-dashoffset:-1000}}@keyframes dash-pulse-reverse{to{stroke-dashoffset:1000}}.pulse-fast{animation:dash-pulse-forward 5s linear infinite}.pulse-slow{animation:dash-pulse-forward 8s linear infinite}.pulse-med{animation:dash-pulse-forward 6.5s linear infinite}.pulse-fast-reverse{animation:dash-pulse-reverse 5s linear infinite}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--accent-gradient);border-radius:2px}.navbar{position:fixed;top:0;width:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--glass-border)}.nav-content{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.nav-links a{color:var(--text-secondary);text-decoration:none;margin-left:2rem;font-size:.95rem;transition:color .3s}.nav-links a:hover{color:var(--accent-1)}.hero-section{position:relative;text-align:center}.badge-container{margin-bottom:2rem;display:flex;justify-content:center}.vibe-badge{display:inline-block;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--accent-1);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:9999px;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hero-title{font-size:clamp(3rem,6vw,5rem);margin-bottom:1rem}.hero-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--text-secondary);margin-bottom:2rem}.hero-description{max-width:600px;margin:0 auto 3rem;color:var(--text-secondary);font-size:1.125rem}.hero-cta{display:flex;gap:1.5rem;justify-content:center}.animate-up{opacity:0;animation:slideUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{width:30px;height:50px;border:2px solid var(--text-secondary);border-radius:15px;position:relative}.wheel{width:4px;height:8px;background:var(--text-secondary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 2s infinite ease-out}@keyframes scrollWheel{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,15px);opacity:0}}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:2rem}.about-text p{color:var(--text-secondary);font-size:1.1rem}.skills-list{list-style:none;margin-top:1.5rem}.skills-list li{padding:.75rem 0;border-bottom:1px solid var(--glass-border);color:var(--text-secondary)}.skills-list li:last-child{border-bottom:none}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline-item:before{content:"";position:absolute;left:-5px;top:calc(2.5rem + 18px);height:calc(100% + 3rem - 18px);width:2px;background:var(--glass-border)}.timeline-item:last-child:before{display:none}.timeline-item{position:relative;margin-bottom:3rem;width:100%;padding-left:2.5rem}.timeline-dot{position:absolute;left:-11px;top:2.5rem;width:16px;height:16px;border-radius:50%;background:var(--accent-1);border:4px solid var(--bg-color);z-index:2}.timeline-item:first-child .timeline-dot{background:#38bdf8;box-shadow:0 0 10px #38bdf899;animation:pulseDot 2s infinite alternate ease-in-out}@keyframes pulseDot{0%{box-shadow:0 0 5px #38bdf866,0 0 10px #38bdf833}to{box-shadow:0 0 15px #38bdf8cc,0 0 25px #38bdf899}}.timeline-left,.timeline-right{left:0}.timeline-role{color:var(--text-primary);font-size:1.25rem;margin-bottom:.25rem}.timeline-company{color:var(--accent-1);font-size:.95rem;margin-bottom:1rem}.timeline-desc{color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-content h3{margin-bottom:1rem}.project-content p{color:var(--text-secondary);margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags span{font-size:.8rem;padding:.25rem .75rem;background:#3b82f61a;color:var(--accent-1);border-radius:9999px}.center-text{text-align:center}.contact-text{max-width:600px;margin:0 auto 3rem;color:var(--text-secondary);font-size:1.1rem}.pulse-btn{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8b5cf6b3}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.contact-form{max-width:600px;margin:0 auto;text-align:left}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem;background:#0f172a99;border:1px solid var(--glass-border);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--accent-1)}.input-error{border-color:#ef4444!important}.error-text{color:#ef4444;font-size:.85rem;margin-top:.5rem;display:block}.submit-btn{width:100%;margin-top:1rem}.captcha-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.95rem}.captcha-input{width:100%}.footer{padding:2rem 0;text-align:center;color:var(--text-secondary);background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--glass-border)}.social-links{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.social-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.social-links a:hover{color:var(--accent-1)}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}.nav-links{display:none}.hero-cta{flex-direction:column}.edu-grid{grid-template-columns:1fr!important}.timeline:before{left:0;transform:none}.timeline-item{width:100%}.timeline-left,.timeline-right{left:0;padding-left:2rem;padding-right:0}.timeline-left .timeline-dot,.timeline-right .timeline-dot{left:-2.35rem;right:auto}}.animate-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.animate-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}.delay-4{transition-delay:.8s}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease forwards}.modal-content{width:90%;max-width:450px;background:var(--bg-alt);border:1px solid var(--glass-border);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.modal-header{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.modal-header.type-error h3{color:#ef4444}.modal-header.type-success h3{color:#10b981}.modal-header.type-info h3{color:var(--accent-1)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;color:var(--text-secondary);line-height:1.6}.modal-footer{padding:1.2rem 1.5rem;text-align:right;border-top:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{50%{opacity:0}}.animated-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:var(--bg-color)}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6;animation:floatOrb 25s infinite ease-in-out alternate}.sphere-1{width:50vw;height:50vw;background:#3b82f659;top:-20vh;left:-20vw;animation-delay:0s}.sphere-2{width:40vw;height:40vw;background:#8b5cf659;bottom:-20vh;right:-10vw;animation-delay:-5s;animation-duration:30s}.sphere-3{width:45vw;height:45vw;background:#10b98126;top:30vh;left:20vw;animation-delay:-10s;animation-duration:35s}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:50px 50px;background-position:0 0;z-index:1;animation:pulseGrid 4s ease-in-out infinite alternate}@keyframes pulseGrid{0%{opacity:.3}to{opacity:1}}@keyframes floatOrb{0%{transform:translate(0) scale(1)}33%{transform:translate(5vw,5vh) scale(1.1)}66%{transform:translate(-3vw,8vh) scale(.9)}to{transform:translate(2vw,-5vh) scale(1.05)}}