:root{--bg-color: #0f172a;--bg-alt: #1e293b;--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}.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{background-color:var(--bg-alt)}.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}.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;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:var(--glass-border)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-dot{position:absolute;left:-2.35rem;top:2.8rem;width:16px;height:16px;border-radius:50%;background:var(--accent-1);border:4px solid var(--bg-color)}.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;border-top:1px solid var(--glass-border);text-align:center;color:var(--text-secondary)}.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}}.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)}}