:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Space Grotesk", var(--font-sans);--bg-primary:#050505;--bg-secondary:#0d0d0d;--bg-surface:#121212;--accent-primary:#ff2d2d;--accent-secondary:#b71c1c;--accent-gradient:linear-gradient(135deg, #ff2d2d 0%, #8b0000 100%);--text-primary:#fff;--text-secondary:#b5b5b5;--border-color:#ffffff14;--glass-color:#ffffff08;--glass-border:#ffffff14;--glow-color:#ff2d2d40;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--transition-normal:.4s cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--navbar-height:80px;--navbar-bg:#050505b3;--drawer-bg:#050505f2}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f3f3f3;--bg-surface:#fff;--text-primary:#0a0a0a;--text-secondary:#666;--border-color:#00000014;--glass-color:#00000005;--glass-border:#0000000f;--glow-color:#ff2d2d26;--navbar-bg:#fafafacc;--drawer-bg:#fafafaf2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);opacity:.4;background-position:top;background-size:80px 80px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 30%,#000,#0000 75%)}.ambient-blobs{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(140px);opacity:.12;background:var(--accent-primary);border-radius:50%;animation:25s ease-in-out infinite alternate float-blob;position:absolute}.blob-1{background:var(--accent-primary);width:500px;height:500px;top:-100px;right:-50px}.blob-2{background:var(--accent-secondary);width:600px;height:600px;animation-duration:35s;bottom:-150px;left:-100px}.blob-3{opacity:.08;background:#5d0000;width:400px;height:400px;animation-duration:30s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,-40px)scale(1.1)}to{transform:translate(-40px,50px)scale(.95)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 40px}@media (width<=768px){.container{padding:0 24px}}section{padding:140px 0;position:relative}@media (width<=768px){section{padding:100px 0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}.section-tag{background:var(--glass-color);border:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title-wrap{text-align:center;max-width:700px;margin-bottom:70px;margin-left:auto;margin-right:auto}.section-title{margin-bottom:20px;font-size:3.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.25rem}@media (width<=768px){.section-title{font-size:2.5rem}}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);box-shadow:0 0 #ff2d2d00;color:#fff!important}.btn-primary:hover{box-shadow:0 10px 25px var(--glow-color);transform:translateY(-3px)}.btn-secondary{background:var(--glass-color);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary)!important}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px)}.glass-card{background:var(--glass-color);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);padding:40px;position:relative;overflow:hidden}.glass-card:hover{border-color:#ff2d2d33;box-shadow:0 20px 40px #0006,inset 0 0 20px #ffffff05}.spotlight-card{position:relative}.spotlight-card:before{content:"";border-radius:inherit;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0), #ff2d2d4d, transparent 40%);-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:0;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:before{opacity:1}.navbar{height:var(--navbar-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;transition:transform var(--transition-normal), background var(--transition-normal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.nav-hidden{transform:translateY(-100%)}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-brand{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.nav-brand span{color:var(--accent-primary)}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:after{content:"";background:var(--accent-primary);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-normal);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.nav-actions{align-items:center;gap:16px;display:flex}.menu-toggle{color:var(--text-primary);cursor:pointer;z-index:1100;background:0 0;border:none;display:none}@media (width<=991px){.nav-links{display:none}.menu-toggle{display:block}}.hero{min-height:100vh;padding-top:calc(var(--navbar-height) + 40px);align-items:center;padding-bottom:80px;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;width:100%;display:grid}.hero-badge{color:var(--accent-primary);background:#ff2d2d14;border:1px solid #ff2d2d33;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge .ping-dot{background-color:var(--accent-primary);border-radius:50%;width:8px;height:8px;position:relative}.hero-badge .ping-dot:after{content:"";background-color:var(--accent-primary);border-radius:50%;width:100%;height:100%;animation:1.5s ease-in-out infinite ping;position:absolute}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.hero-title{margin-bottom:24px;font-size:4.8rem;font-weight:700;line-height:1.05}.hero-title span.name-highlight{background:linear-gradient(135deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-title span.role-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ff2d2d26;-webkit-background-clip:text;display:block}.hero-desc{color:var(--text-secondary);max-width:580px;margin-bottom:40px;font-size:1.2rem}.hero-btns{align-items:center;gap:20px;margin-bottom:48px;display:flex}.hero-socials{align-items:center;gap:16px;display:flex}.hero-socials .social-link{background:var(--glass-color);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.hero-socials .social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 5px 15px #ff2d2d26}.hero-visuals{justify-content:center;align-items:center;display:flex;position:relative}.visuals-container{justify-content:center;align-items:center;width:420px;height:420px;display:flex;position:relative}.avatar-wrapper{background:linear-gradient(135deg, var(--border-color) 0%, #ff2d2d33 100%);z-index:2;border-radius:50%;width:240px;height:240px;padding:10px;position:relative;box-shadow:0 20px 50px #0009}.avatar-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}.glowing-ring{border:1px solid var(--border-color);pointer-events:none;border-radius:50%;position:absolute}.ring-1{border-color:#ff2d2d26;width:320px;height:320px;animation:40s linear infinite rotate-ring}.ring-2{border-color:#ffffff0d;width:400px;height:400px;animation:60s linear infinite reverse rotate-ring}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-icon{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--text-primary);z-index:3;justify-content:center;align-items:center;font-size:1.5rem;animation:6s ease-in-out infinite alternate float-icon;display:flex;position:absolute;box-shadow:0 10px 25px #00000080}.icon-react{animation-delay:0s;top:10%;left:5%}.icon-next{animation-delay:1s;top:-5%;right:15%}.icon-ts{animation-delay:2s;top:40%;right:-5%}.icon-node{animation-delay:1.5s;bottom:10%;right:5%}.icon-python{animation-delay:2.5s;bottom:-5%;left:20%}.icon-docker{animation-delay:.5s;bottom:35%;left:-10%}@keyframes float-icon{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-12px)rotate(5deg)}}@media (width<=991px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:80px}.hero-title{font-size:3.5rem}.hero-desc{margin-left:auto;margin-right:auto}.hero-btns,.hero-socials{justify-content:center}.hero-visuals{order:-1;margin-bottom:20px}}.stats-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.stat-card{text-align:center}.stat-value{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:4rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}@media (width<=991px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px;display:grid}.about-photo-wrapper{position:relative}.about-photo{border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 30px 60px #000000b3}.about-info-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem}.info-item .val{color:var(--text-primary);font-size:1.1rem;font-weight:600}.about-text{color:var(--text-secondary);margin-bottom:24px;font-size:1.15rem}@media (width<=991px){.about-grid{grid-template-columns:1fr;gap:40px}}.skills-tabs-container{flex-direction:column;gap:40px;display:flex}.skills-tabs-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.skills-tab-btn{background:var(--glass-color);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;padding:12px 24px;font-size:1rem;font-weight:600}.skills-tab-btn.active,.skills-tab-btn:hover{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 20px var(--glow-color);border-color:#0000}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.skill-card{padding:32px}.skill-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.skill-card-title{font-size:1.25rem;font-weight:600}.skill-icon-box{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-primary);background:#ff2d2d14;border:1px solid #ff2d2d33;justify-content:center;align-items:center;display:flex}.skill-progress-wrap{flex-direction:column;gap:8px;display:flex}.progress-info{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.progress-bar-bg{background:#ffffff0d;border-radius:100px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:100px;width:0;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.projects-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:50px;display:flex}.filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border-radius:100px;padding:10px 20px;font-size:.95rem;font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--accent-gradient);color:#fff;border-color:#0000}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}@media (width<=991px){.projects-grid{grid-template-columns:1fr}}.project-card{flex-direction:column;padding:24px;display:flex}.project-img-container{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;height:280px;margin-bottom:24px;position:relative;overflow:hidden}.project-img-container img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-img-container img{transform:scale(1.05)}.project-overlay-glow{pointer-events:none;opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(circle,#ff2d2d26,#0000 60%);position:absolute;inset:0}.project-card:hover .project-overlay-glow{opacity:1}.project-cat{text-transform:uppercase;color:var(--accent-primary);margin-bottom:12px;font-size:.8rem;font-weight:600;display:block}.project-card-title{cursor:pointer;transition:color var(--transition-fast);margin-bottom:12px;font-size:1.6rem}.project-card-title:hover{color:var(--accent-primary)}.project-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:24px;font-size:1.05rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-tech{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.tech-badge{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff08;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500}.project-links{align-items:center;gap:16px;margin-top:auto;display:flex}.project-link{color:var(--text-primary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--accent-primary)}.timeline-container{max-width:900px;margin:0 auto;position:relative}.timeline-line{background:linear-gradient(to bottom, var(--border-color) 0%, var(--accent-primary) 50%, var(--border-color) 100%);width:2px;position:absolute;top:0;bottom:0;left:30px}.timeline-item{margin-bottom:60px;padding-left:80px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-primary);border:2px solid var(--accent-primary);z-index:2;width:20px;height:20px;box-shadow:0 0 10px var(--glow-color);border-radius:50%;position:absolute;top:28px;left:21px}.timeline-card{padding:32px}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.timeline-role{font-size:1.4rem;font-weight:700}.timeline-company{color:var(--accent-primary);font-size:1.1rem;font-weight:500}.timeline-period{color:var(--accent-primary);background:#ff2d2d0d;border:1px solid #ff2d2d26;border-radius:100px;padding:6px 14px;font-size:.85rem;font-weight:600}.timeline-desc{flex-direction:column;gap:12px;list-style:none;display:flex}.timeline-desc li{color:var(--text-secondary);padding-left:20px;font-size:1.05rem;position:relative}.timeline-desc li:before{content:"→";color:var(--accent-primary);position:absolute;left:0}@media (width<=768px){.timeline-line{left:20px}.timeline-dot{left:11px}.timeline-item{padding-left:50px}}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:60px;display:grid}.contact-info-list{flex-direction:column;gap:32px;display:flex}.contact-info-card{align-items:center;gap:20px;display:flex}.contact-icon{background:var(--glass-color);border:1px solid var(--glass-border);width:56px;height:56px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-details h5{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:.85rem}.contact-details p{color:var(--text-primary);font-size:1.25rem;font-weight:600}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-primary);transition:all var(--transition-normal);background:#ffffff05;padding:16px;font-size:1rem}.form-control:focus{border-color:var(--accent-primary);background:#ffffff0a;outline:none;box-shadow:0 0 15px #ff2d2d26}@media (width<=991px){.contact-grid{grid-template-columns:1fr;gap:60px}}.footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:60px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-nav{align-items:center;gap:30px;list-style:none;display:flex}.footer-nav a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-nav a:hover{color:var(--text-primary)}.footer-socials{align-items:center;gap:16px;display:flex}.footer-socials .social-link{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-socials .social-link:hover{color:var(--accent-primary)}.footer-text{color:var(--text-secondary);text-align:center;border-top:1px solid var(--border-color);width:100%;margin-top:30px;padding-top:30px;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:2000;background:#050505d9;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards modal-zoom;position:relative;overflow-y:auto;box-shadow:0 40px 100px #000c}@keyframes modal-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close-btn{background:var(--glass-color);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff2d2d1a}.modal-hero-img{border-bottom:1px solid var(--border-color);width:100%;height:380px;position:relative;overflow:hidden}.modal-hero-img img{object-fit:cover;width:100%;height:100%}.modal-body{padding:40px}.modal-cat{text-transform:uppercase;color:var(--accent-primary);margin-bottom:12px;font-size:.85rem;font-weight:600;display:block}.modal-title{margin-bottom:20px;font-size:2.5rem}.modal-tech{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.modal-meta-links{align-items:center;gap:16px;margin-bottom:40px;display:flex}.modal-section{margin-bottom:36px}.modal-section h4{color:var(--text-primary);margin-bottom:16px;padding-left:16px;font-size:1.25rem;position:relative}.modal-section h4:before{content:"";background:var(--accent-primary);border-radius:2px;width:3px;position:absolute;top:4px;bottom:4px;left:0}.modal-section p{font-size:1.1rem;line-height:1.7}.mobile-drawer{background:var(--drawer-bg);-webkit-backdrop-filter:blur(20px);z-index:1050;flex-direction:column;justify-content:center;padding:40px;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-links{flex-direction:column;gap:30px;margin-bottom:40px;list-style:none;display:flex}.mobile-drawer-links a{font-family:var(--font-heading);color:var(--text-secondary);transition:color var(--transition-fast);font-size:2.2rem;font-weight:700;text-decoration:none}.mobile-drawer-links a:hover,.mobile-drawer-links a.active{color:var(--accent-primary)}.mobile-drawer-actions{flex-direction:column;gap:20px;display:flex}.scroll-progress{background:var(--accent-gradient);z-index:1001;width:0%;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.back-to-top{background:var(--glass-color);border:1px solid var(--glass-border);width:52px;height:52px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);z-index:99;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:40px;right:40px}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 10px 20px var(--glow-color);transform:translateY(-5px)}.spotlight-grid{position:relative}.project-card-featured{grid-column:span 2;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.project-card-featured .project-img-container{height:400px;margin-bottom:0}@media (width<=991px){.project-card-featured{grid-column:span 1;grid-template-columns:1fr}.project-card-featured .project-img-container{height:280px}}@media (width<=768px){.hero{padding-top:calc(var(--navbar-height) + 20px);padding-bottom:60px}.hero-title{font-size:3rem}.hero-desc{margin-bottom:30px;font-size:1.1rem}.glass-card{padding:24px}.skills-tab-btn{padding:10px 18px;font-size:.9rem}.skills-tabs-container{gap:24px}.project-card{padding:20px}.project-img-container{height:220px;margin-bottom:16px}.project-card-title{font-size:1.4rem}.timeline-card{padding:20px}.timeline-role{font-size:1.2rem}.timeline-company{font-size:1rem}}@media (width<=576px){.hero-title{font-size:2.4rem}.hero-desc{font-size:1rem}.hero-btns{flex-direction:column;gap:12px;width:100%}.hero-btns .btn{width:100%}.about-info-grid{grid-template-columns:1fr!important;gap:20px!important}.contact-icon{width:48px;height:48px}.contact-details p{font-size:1.1rem}.back-to-top{width:44px;height:44px;bottom:20px;right:20px}}@media (width<=480px){.visuals-container{width:290px;height:290px}.avatar-wrapper{width:170px;height:170px;padding:6px}.ring-1{width:230px;height:230px}.ring-2{width:280px;height:280px}.floating-icon{width:40px;height:40px;font-size:1.1rem}.icon-react{top:12%;left:8%}.icon-next{top:0%;right:18%}.icon-ts{top:40%;right:-2%}.icon-node{bottom:12%;right:8%}.icon-python{bottom:0%;left:22%}.icon-docker{bottom:38%;left:-2%}}@media (width<=768px){.nav-resume-btn{display:none!important}.projects-filter-bar{justify-content:center}.modal-overlay{padding:20px 12px}.modal-hero-img{height:240px}.modal-body{padding:24px}.modal-title{font-size:1.8rem}.modal-close-btn{width:36px;height:36px;top:16px;right:16px}.footer-container{text-align:center;flex-direction:column;justify-content:center}.footer-nav{flex-direction:column;gap:16px}}