:root{--font-primary:"Poppins", sans-serif;--font-mono:"Fira Code", monospace;--bg-color:#f8fafc;--bg-dots:#1e3a8a08;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--color-dark-blue:15, 23, 42;--color-royal-blue:30, 58, 138;--color-accent-blue:37, 99, 235;--color-sky-blue:6, 182, 212;--panel-bg:255, 255, 255;--panel-border:15, 23, 42;--panel-shadow:#0f172a0d;--panel-shadow-hover:#2563eb1f;--input-bg:255, 255, 255;--input-border:203, 213, 225;--tr-fast:.2s ease;--tr-normal:.3s cubic-bezier(.4, 0, .2, 1);--tr-slow:.6s cubic-bezier(.16, 1, .3, 1);--br-sm:8px;--br-md:16px;--br-lg:30px}[data-theme=dark]{--bg-color:#0b0f19;--bg-dots:#ffffff08;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--panel-bg:15, 23, 42;--panel-border:255, 255, 255;--panel-shadow:#0000004d;--panel-shadow-hover:#2563eb33;--input-bg:2, 6, 23;--input-border:51, 65, 85}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-primary);transition:background-color var(--tr-normal), color var(--tr-normal);background-image:radial-gradient(var(--bg-dots) 1.5px, transparent 1.5px);background-size:24px 24px;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:90px}#scroll-progress{background:linear-gradient(90deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)), rgb(var(--color-sky-blue)));z-index:10000;width:0%;height:4px;transition:width .1s ease-out;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:rgba(var(--color-royal-blue), .3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-royal-blue), .6)}#loader-wrapper{background-color:var(--bg-color);z-index:99999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}#loader-wrapper.fade-out{opacity:0;visibility:hidden}.loader-spinner{border:3px solid rgba(var(--color-accent-blue), .1);border-top-color:rgb(var(--color-royal-blue));border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}.loader-text{font-family:var(--font-mono);color:rgb(var(--color-royal-blue));letter-spacing:-.5px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}#custom-cursor{border:1px solid rgba(var(--color-accent-blue), .5);pointer-events:none;z-index:99999;width:32px;height:32px;transition:width var(--tr-fast), height var(--tr-fast), background var(--tr-fast);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#custom-cursor-dot{background-color:rgb(var(--color-accent-blue));pointer-events:none;z-index:99999;border-radius:50%;width:6px;height:6px;position:fixed;transform:translate(-50%,-50%)}#custom-cursor.hovering{background-color:rgba(var(--color-accent-blue), .08);border-color:rgb(var(--color-sky-blue));width:50px;height:50px}@media (width<=1024px){#custom-cursor,#custom-cursor-dot{display:none}}.floating-socials{z-index:99;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.social-float-btn{background:rgba(var(--panel-bg), .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(var(--panel-border), .08);width:44px;height:44px;box-shadow:0 4px 12px var(--panel-shadow);color:var(--text-secondary);transition:transform var(--tr-fast), color var(--tr-fast), border-color var(--tr-fast), background var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-float-btn:hover{color:#fff;transform:translate(5px)scale(1.05)}.social-float-btn.github:hover{background-color:#24292e;border-color:#24292e}.social-float-btn.linkedin:hover{background-color:#0077b5;border-color:#0077b5}.social-float-btn.instagram:hover{background-color:#e1306c;border-color:#e1306c}.social-float-btn.email:hover{background-color:rgb(var(--color-accent-blue));border-color:rgb(var(--color-accent-blue))}@media (width<=768px){.floating-socials{display:none}}.glass-panel{background:rgba(var(--panel-bg), .45);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--panel-border), .08);border-radius:var(--br-md);box-shadow:0 10px 30px var(--panel-shadow);transition:transform var(--tr-normal), border-color var(--tr-normal), box-shadow var(--tr-normal)}.glass-panel:hover{border-color:rgba(var(--color-accent-blue), .3);box-shadow:0 15px 40px var(--panel-shadow-hover)}.brand-blue{color:rgb(var(--color-accent-blue));font-weight:700}.gradient-txt{background:linear-gradient(135deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-block{max-width:600px;margin:0 auto}.head-title{color:rgb(var(--color-royal-blue));padding-bottom:8px;font-size:clamp(28px,4vw,36px);font-weight:800;display:inline-block;position:relative}[data-theme=dark] .head-title{color:#fff}.head-title:after{content:"";background:rgb(var(--color-accent-blue));border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.head-subtitle{color:var(--text-muted);margin-top:12px;font-size:15px}.btn-brand-primary{background:linear-gradient(135deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)));color:#fff;font-family:var(--font-primary);border-radius:var(--br-sm);box-shadow:0 4px 15px rgba(var(--color-royal-blue), .2);transition:transform var(--tr-fast), box-shadow var(--tr-fast);border:none;padding:12px 28px;font-weight:600}.btn-brand-primary:hover{box-shadow:0 8px 24px rgba(var(--color-royal-blue), .35);color:#fff;transform:translateY(-2px)}.btn-brand-secondary{background:rgba(var(--panel-bg), .85);color:var(--text-primary);border:1px solid rgba(var(--panel-border), .15);font-family:var(--font-primary);border-radius:var(--br-sm);box-shadow:0 4px 15px var(--panel-shadow);transition:border-color var(--tr-fast), transform var(--tr-fast);padding:12px 28px;font-weight:600}.btn-brand-secondary:hover{border-color:rgb(var(--color-accent-blue));color:var(--text-primary);transform:translateY(-2px)}.navigation-bar{background:rgba(var(--panel-bg), .35);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--panel-border), .05);height:80px;transition:background var(--tr-normal), height var(--tr-normal)}.navigation-bar.scrolled{background:rgba(var(--panel-bg), .85);border-bottom:1px solid rgba(var(--panel-border), .08);height:70px;box-shadow:0 4px 20px var(--panel-shadow)}.logo-brand{font-size:22px;font-weight:800}.logo-txt{color:var(--text-primary)}.nav-item-link{color:var(--text-secondary);transition:color var(--tr-fast);margin:0 12px;font-size:15px;font-weight:500;position:relative;padding:6px 0!important}.nav-item-link:after{content:"";background-color:rgb(var(--color-accent-blue));width:0;height:2px;transition:width var(--tr-normal);position:absolute;bottom:0;left:0}.nav-item-link:hover,.nav-item-link.active{color:rgb(var(--color-accent-blue))!important}.nav-item-link.active:after{width:100%}.theme-toggler{cursor:pointer;color:var(--text-secondary);width:40px;height:40px;transition:background var(--tr-fast), color var(--tr-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggler:hover{color:var(--text-primary);background:rgba(var(--panel-border), .06)}.mobile-nav-toggle{color:var(--text-primary);background:0 0;border:none;padding:8px}@media (width<=991px){.navbar-collapse{background:rgba(var(--panel-bg), .95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--br-md);border:1px solid rgba(var(--panel-border), .08);margin-top:12px;padding:24px;box-shadow:0 8px 30px #0000001a}.nav-item-link{margin:0;padding:10px 0!important}.nav-item-link:after{display:none}}.hero-layout{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero-ambient-glow{background:radial-gradient(circle, rgba(var(--color-accent-blue), .12) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite alternate pulseGlow;position:absolute;top:10%;right:10%}@keyframes pulseGlow{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(30px,-20px)}}.badge-status{background:rgba(var(--color-royal-blue), .08);border:1px solid rgba(var(--color-royal-blue), .15);color:rgb(var(--color-royal-blue));border-radius:30px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}[data-theme=dark] .badge-status{color:#93c5fd;background:#2563eb1f;border-color:#2563eb40}.pulse-dot{background-color:rgb(var(--color-accent-blue));width:8px;height:8px;box-shadow:0 0 8px rgb(var(--color-accent-blue));border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.hero-name-title{letter-spacing:-1.5px;color:rgb(var(--color-royal-blue));font-size:clamp(38px,6vw,60px);font-weight:800}[data-theme=dark] .hero-name-title{color:#fff}.hero-role-subtitle{font-size:clamp(22px,3.5vw,32px);font-weight:700}.typing-words{color:rgb(var(--color-accent-blue));border-right:2px solid rgb(var(--color-accent-blue));padding-right:4px;animation:.75s step-end infinite blinkCursor}@keyframes blinkCursor{0%,to{border-color:#0000}50%{border-color:rgb(var(--color-accent-blue))}}.hero-intro-desc{color:var(--text-secondary);max-width:550px;font-size:16px;line-height:1.7}.profile-frame-glow{aspect-ratio:1;background:linear-gradient(135deg, rgb(var(--color-royal-blue)), rgb(var(--color-sky-blue)));width:min(350px,80vw);box-shadow:0 20px 45px rgba(var(--color-royal-blue), .15);border-radius:50%;margin:0 auto;padding:4px;position:relative}.profile-frame-inner{background-color:var(--bg-color);border:4px solid var(--bg-color);border-radius:50%;width:100%;height:100%;overflow:hidden}.hero-profile-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.profile-frame-glow:hover .hero-profile-image{transform:scale(1.05)}.about-layout{padding:80px 0}.about-card-title{color:rgb(var(--color-royal-blue));text-transform:uppercase;letter-spacing:.5px;font-size:18px;font-weight:700}[data-theme=dark] .about-card-title{color:rgb(var(--color-sky-blue))}.strengths-list{list-style:none}.strengths-list li{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:12px;font-size:15px;display:flex}.strength-check{color:rgb(var(--color-accent-blue));flex-shrink:0;width:18px;height:18px}.edu-timeline{border-left:2px solid rgba(var(--color-royal-blue), .15);text-align:left;padding-left:20px;position:relative}.edu-node{position:relative}.edu-node:before{content:"";background-color:var(--bg-color);border:3px solid rgb(var(--color-accent-blue));width:12px;height:12px;box-shadow:0 0 0 4px rgba(var(--color-accent-blue), .1);border-radius:50%;position:absolute;top:6px;left:-27px}.edu-year{font-family:var(--font-mono);color:rgb(var(--color-accent-blue));font-size:13px;font-weight:600}.edu-degree{margin-top:4px;margin-bottom:2px;font-size:16px;font-weight:700}.edu-school{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.edu-grade{background:rgba(var(--color-royal-blue), .05);border-radius:4px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}[data-theme=dark] .edu-grade{background:#ffffff0d}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.stat-num{color:rgb(var(--color-royal-blue));background:linear-gradient(135deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(28px,4vw,40px);font-weight:800}.stat-label{color:var(--text-secondary);margin-top:6px;font-size:13px;font-weight:500}.skills-layout{padding:80px 0}.skills-tab-btn{background:rgba(var(--panel-bg), .6);border:1px solid rgba(var(--panel-border), .08);color:var(--text-secondary);cursor:pointer;transition:all var(--tr-fast);border-radius:30px;padding:8px 20px;font-size:14px;font-weight:600}.skills-tab-btn:hover,.skills-tab-btn.active{background:rgb(var(--color-royal-blue));color:#fff;border-color:rgb(var(--color-royal-blue))}.skill-bar-card{padding:24px}.skill-bar-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-bar-icon-name{align-items:center;gap:12px;display:flex}.skill-icon-box{background:rgba(var(--color-accent-blue), .08);width:38px;height:38px;color:rgb(var(--color-accent-blue));border-radius:8px;justify-content:center;align-items:center;display:flex}.skill-title-name{font-size:15px;font-weight:600}.skill-percent-txt{font-family:var(--font-mono);color:rgb(var(--color-accent-blue));font-size:13px;font-weight:600}.skill-bar-track{background:rgba(var(--panel-border), .08);border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)));border-radius:3px;width:0%;height:100%;transition:width 1.2s cubic-bezier(.1,1,.1,1)}.projects-layout{padding:80px 0}.filter-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--tr-fast);background:0 0;border:none;padding:8px 16px;font-size:15px;font-weight:600;position:relative}.filter-btn:after{content:"";background-color:rgb(var(--color-accent-blue));width:0;height:2px;transition:width var(--tr-fast);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{color:rgb(var(--color-accent-blue))}.filter-btn.active:after{width:30px}.project-card-layout{border-radius:var(--br-md);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-img-wrapper{aspect-ratio:16/9;border-bottom:1px solid rgba(var(--panel-border), .05);position:relative;overflow:hidden}.project-image-view{object-fit:cover;width:100%;height:100%;transition:transform var(--tr-slow)}.project-card-layout:hover .project-image-view{transform:scale(1.04)}.project-hover-curtain{opacity:0;transition:opacity var(--tr-normal);background:#0f172ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card-layout:hover .project-hover-curtain{opacity:1}.explore-details-btn{background:rgb(var(--color-accent-blue));color:#fff;border:none;border-radius:30px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.project-details-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.proj-tech-tags-list{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.proj-tag{font-family:var(--font-mono);background:rgba(var(--color-accent-blue), .08);color:rgb(var(--color-accent-blue));border-radius:4px;padding:2px 8px;font-size:11px}.proj-heading{transition:color var(--tr-fast);margin-bottom:8px;font-size:19px;font-weight:700}.project-card-layout:hover .proj-heading{color:rgb(var(--color-accent-blue))}.proj-short-bio{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.proj-actions-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.proj-study-link{color:rgb(var(--color-royal-blue));cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}[data-theme=dark] .proj-study-link{color:rgb(var(--color-accent-blue))}.proj-study-link i{transition:transform var(--tr-fast)}.proj-study-link:hover i{transform:translate(3px)}.proj-links-block{gap:12px;display:flex}.proj-link-icon-btn{color:var(--text-muted);transition:color var(--tr-fast)}.proj-link-icon-btn:hover{color:rgb(var(--color-accent-blue))}.github-layout{padding:80px 0}.github-search-panel{padding:24px}.search-form-group input{background:rgba(var(--input-bg), .7);border:1px solid var(--input-border);color:var(--text-primary);outline:none;padding:12px 16px}.search-form-group input:focus{background-color:var(--bg-color);border-color:rgb(var(--color-accent-blue));box-shadow:0 0 0 2px rgba(var(--color-accent-blue), .2)}.search-icon-wrap{background:rgba(var(--input-bg), .7);border:1px solid var(--input-border);color:var(--text-muted)}.github-profile-summary{border-top:1px solid rgba(var(--panel-border), .08);align-items:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.gh-avatar-pic{border:2px solid rgb(var(--color-accent-blue));border-radius:50%;width:56px;height:56px}.gh-user-bio-info h3{margin-bottom:2px;font-size:16px}.gh-user-bio-info p{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.gh-stats-box{color:var(--text-muted);gap:16px;font-size:12px;display:flex}.gh-stats-box strong{color:var(--text-primary)}.repo-card-block{flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;display:flex}.repo-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.repo-tag-ico{color:rgb(var(--color-accent-blue))}.repo-card-block h3{margin-bottom:8px;font-size:16px;font-weight:700}.repo-card-block p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.repo-details-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.repo-lang-bullet{align-items:center;gap:6px;display:inline-flex}.repo-bullet-circle{border-radius:50%;width:8px;height:8px}.experience-layout{padding:80px 0;position:relative}.timeline-container{position:relative}.timeline-trail{background:linear-gradient(180deg, rgb(var(--color-royal-blue)), rgb(var(--color-accent-blue)), transparent);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-card-block{width:50%;margin-bottom:30px;padding:0 30px;position:relative}.timeline-card-block.left-node{text-align:right;left:0}.timeline-card-block.right-node{text-align:left;left:50%}.timeline-pointer{background-color:var(--bg-color);border:3px solid rgb(var(--color-royal-blue));z-index:5;width:14px;height:14px;box-shadow:0 0 0 4px rgba(var(--color-royal-blue), .1);transition:transform var(--tr-fast), background var(--tr-fast);border-radius:50%;position:absolute;top:24px;right:-7px}.timeline-card-block.right-node .timeline-pointer{left:-7px}.timeline-card-block:hover .timeline-pointer{background-color:rgb(var(--color-accent-blue));border-color:rgb(var(--color-accent-blue));transform:scale(1.25)}.node-date{font-family:var(--font-mono);color:rgb(var(--color-accent-blue));margin-bottom:8px;font-size:13px;font-weight:600;display:inline-block}.node-job-title{margin-bottom:4px;font-size:18px;font-weight:700}.node-company{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500}.node-description{color:var(--text-secondary);font-size:14px;line-height:1.6}@media (width<=767px){.timeline-trail{left:20px}.timeline-card-block{width:100%;padding-left:40px;padding-right:0;text-align:left!important;left:0!important}.timeline-pointer{left:13px!important}}.certifications-layout{padding:80px 0}.card-cert{height:100%}.cert-icon-wrapper{background:rgba(var(--color-accent-blue), .08);width:50px;height:50px;color:rgb(var(--color-accent-blue));border-radius:12px;justify-content:center;align-items:center;display:flex}.cert-icon{width:24px;height:24px}.cert-card-title{font-size:18px;font-weight:700}.cert-org{color:var(--text-secondary);font-size:14px;font-weight:500}.cert-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.cert-footer{border-top:1px solid rgba(var(--panel-border), .05);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.cert-date{color:var(--text-muted);font-size:13px;font-weight:500}.achievements-layout{padding:80px 0}.achievement-card{height:100%}.ach-icon-wrapper{background:rgba(var(--color-accent-blue), .08);width:54px;height:54px;color:rgb(var(--color-accent-blue));border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.ach-icon{width:26px;height:26px}.ach-stat-number{color:rgb(var(--color-royal-blue));font-size:42px;font-weight:800}[data-theme=dark] .ach-stat-number{color:#fff}.ach-title{text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:700}.ach-description{color:var(--text-secondary);font-size:13px}.services-layout{padding:80px 0}.service-card{height:100%}.service-icon-box{background:rgba(var(--color-accent-blue), .08);width:50px;height:50px;color:rgb(var(--color-accent-blue));border-radius:12px;justify-content:center;align-items:center;display:flex}.service-icon{width:24px;height:24px}.service-title{font-size:16px;font-weight:700}.service-desc{font-size:13px;line-height:1.6}.testimonials-layout{padding:80px 0}.testimonial-card{height:100%}.test-feedback{color:var(--text-secondary);font-size:14px;line-height:1.6}.test-avatar-placeholder{background:rgba(var(--color-accent-blue), .1);width:44px;height:44px;color:rgb(var(--color-accent-blue));border-radius:50%;justify-content:center;align-items:center;display:flex}.test-name{font-size:15px;font-weight:700}.test-role{font-size:12px}.contact-layout{padding:80px 0}.contact-card-title{color:rgb(var(--color-royal-blue));font-size:20px;font-weight:700}[data-theme=dark] .contact-card-title{color:#fff}.contact-info-desc{color:var(--text-secondary);font-size:14px}.contact-link-item{align-items:center;gap:16px;display:flex}.link-icon-box{background:rgba(var(--color-accent-blue), .08);width:40px;height:40px;color:rgb(var(--color-accent-blue));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-details .label{font-size:11px;font-weight:600}.link-details .val{color:var(--text-primary);word-break:break-all;font-size:14px;font-weight:600}.contact-social-grid{gap:12px;display:flex}.contact-social-grid .social-icon-box{background:rgba(var(--panel-border), .04);width:40px;height:40px;color:var(--text-secondary);border:1px solid rgba(var(--panel-border), .06);transition:all var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-social-grid .social-icon-box:hover{background-color:rgb(var(--color-accent-blue));color:#fff;border-color:rgb(var(--color-accent-blue))}.glass-input{transition:all var(--tr-fast);background:rgba(var(--input-bg), .6)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important;border-radius:var(--br-sm)!important}.glass-input:focus{background-color:var(--bg-color)!important;border-color:rgb(var(--color-accent-blue))!important;box-shadow:0 0 0 3px rgba(var(--color-accent-blue), .15)!important}.input-group-float label{color:var(--text-muted)}.success-dialog{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.success-icon-wrap{color:#06b6d4;background:#06b6d41a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.success-icon{width:40px;height:40px}.footer-layout{background:rgba(var(--panel-bg), .3);border-top:1px solid rgba(var(--panel-border), .05);padding:40px 0}.footer-logo{color:rgb(var(--color-royal-blue));font-size:18px;font-weight:800}[data-theme=dark] .footer-logo{color:#fff}.footer-bio{font-size:13px}.footer-links{justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--tr-fast);font-size:14px;font-weight:500}.footer-links a:hover{color:rgb(var(--color-accent-blue))}.copyright{color:var(--text-muted);font-size:13px}#back-to-top{background:rgb(var(--color-accent-blue));color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 12px rgba(var(--color-accent-blue), .25);opacity:0;visibility:hidden;z-index:99;transition:opacity var(--tr-fast), visibility var(--tr-fast), transform var(--tr-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px}#back-to-top.active{opacity:1;visibility:visible}#back-to-top:hover{background-color:rgb(var(--color-royal-blue));transform:translateY(-3px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;transition:opacity var(--tr-normal);background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{width:100%;max-width:720px;max-height:calc(100vh - 40px);transition:transform var(--tr-normal);padding:32px;position:relative;overflow-y:auto;transform:scale(.95)}.modal-overlay.active .modal-card{transform:scale(1)}.modal-close-btn{background:rgba(var(--panel-border), .04);border:1px solid rgba(var(--panel-border), .08);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:5;transition:color var(--tr-fast), background var(--tr-fast), border-color var(--tr-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:rgba(var(--panel-border), .1);color:var(--text-primary);border-color:rgb(var(--color-accent-blue))}.modal-body{text-align:left}.modal-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--br-sm);border:1px solid rgba(var(--panel-border), .05);width:100%;margin-bottom:24px}.modal-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-title{font-size:clamp(22px,3.5vw,28px);font-weight:800}.modal-links-bar{gap:12px;display:flex}.modal-links-bar .btn{padding:8px 16px;font-size:14px}.modal-tech-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.modal-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.modal-features{margin-bottom:16px}.modal-features h4{margin-bottom:12px;font-size:17px;font-weight:700}.modal-features ul{padding:0;list-style:none}.modal-features li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;font-size:14px;position:relative}.modal-features li:before{content:"";background-color:rgb(var(--color-sky-blue));border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:6px}@media (width<=575px){.modal-card{padding:20px}.modal-title-row{flex-direction:column;align-items:stretch}}.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}