:root{--bg:#070a13;--surface:rgba(15,23,42,0.45);--card-bg:rgba(15,23,42,0.55);--text:#f8fafc;--muted:#94a3b8;--text-muted:#94a3b8;--text-on-accent:#ffffff;--surface-border:rgba(255,255,255,0.05);--surface-border-hover:rgba(255,255,255,0.12);--accent:#8b5cf6;--accent-2:#06b6d4;--accent-gradient:linear-gradient(135deg,var(--accent),var(--accent-2));--shadow-sm:0 4px 15px rgba(0,0,0,0.4);--shadow-md:0 8px 30px rgba(0,0,0,0.6);--shadow-glow:0 4px 20px rgba(139,92,246,0.25);--shadow-glow-strong:0 8px 30px rgba(139,92,246,0.4);--shadow-glow-accent2:0 10px 25px rgba(6,182,212,0.3);--footer-bg:rgba(7,10,19,0.4);--modal-backdrop:rgba(7,10,19,0.9);--card-icon-bg:rgba(139,92,246,0.1);--card-icon-border:rgba(139,92,246,0.2);--focus-ring:rgba(139,92,246,0.35);--chip-selected-bg:rgba(139,92,246,0.08);--code-bg:rgba(0,0,0,0.2);--code-border:rgba(6,182,212,0.3);--font-title:'Plus Jakarta Sans',sans-serif;--font-body:'Inter',sans-serif;--glass:rgba(255,255,255,0.03);--body-bg:radial-gradient(circle at 10% 20%,rgba(139,92,246,0.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,0.08) 0%,transparent 45%),var(--bg);--theme-btn-bg:rgba(255,255,255,0.1);--theme-btn-hover:rgba(255,255,255,0.2);--header-bg:rgba(7,10,19,0.75);--overlay-1:rgba(255,255,255,0.01);--overlay-2:rgba(255,255,255,0.02);--overlay-3:rgba(255,255,255,0.03);--overlay-4:rgba(255,255,255,0.04);--overlay-5:rgba(255,255,255,0.05);--overlay-6:rgba(255,255,255,0.06);--overlay-10:rgba(255,255,255,0.1);--overlay-12:rgba(255,255,255,0.12);--overlay-15:rgba(255,255,255,0.15);--overlay-20:rgba(255,255,255,0.2);--overlay-90:rgba(255,255,255,0.9)}body.loading{overflow:hidden}#preloader{position:fixed;inset:0;z-index:99999;background:#070a13;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease,visibility 0.5s ease}#preloader.hidden{opacity:0;pointer-events:none;visibility:hidden}.preloader-logo{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-size:2rem;font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:preloader-pulse 1.2s ease-in-out infinite}@keyframes preloader-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.95)}}*,*::before,*::after{box-sizing:border-box}img,picture,video,canvas,svg{max-width:100%;height:auto}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:5px;border:2px solid var(--bg)}body{margin:0;font-family:var(--font-body);background:var(--body-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.container{width:90%;max-width:1200px;margin:0 auto;padding:3rem 0}.site-header{background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:100;transition:background 0.3s ease,border 0.3s ease}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.logo{font-family:var(--font-title);font-weight:800;font-size:1.3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.5px;text-decoration:none;transition:opacity 0.2s ease}.logo:hover{opacity:0.9}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;align-items:center}.main-nav a{font-family:var(--font-title);font-weight:600;color:var(--muted);text-decoration:none;padding:0.5rem 0.85rem;border-radius:8px;font-size:0.95rem;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}.main-nav a:hover,.main-nav a:focus,.main-nav a[aria-current="page"]{color:var(--text);background:var(--overlay-5);box-shadow:inset 0 1px 0 0 var(--overlay-5)}.theme-toggle{background:var(--theme-btn-bg);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:all 0.3s ease;margin-left:0.5rem}.header-actions{display:flex;align-items:center;gap:0.5rem;margin-left:1rem}.theme-toggle:hover{background:var(--theme-btn-hover);transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px}.hero{padding:6rem 0 4rem 0;text-align:left}.hero h1{font-family:var(--font-title);font-weight:800;font-size:clamp(2.2rem,5vw + 1rem,3.5rem);line-height:1.15;margin:0 0 1.25rem 0;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--text) 50%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:1.2rem;color:var(--muted);max-width:650px;margin:0 0 2.5rem 0;line-height:1.7}.hero-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin:2.5rem 0 0 0}.hero-stat-item{background:var(--overlay-3);border:1px solid var(--overlay-10);border-radius:14px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:120px}.hero-stat-item:hover{background:var(--overlay-6);border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.hero-stat-num{font-family:var(--font-title);font-weight:800;font-size:1.75rem;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.hero-stat-label{font-size:0.8rem;color:var(--muted);font-weight:500;font-family:var(--font-title)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:var(--text-on-accent);padding:0.8rem 1.6rem;border-radius:10px;text-decoration:none;font-family:var(--font-title);font-weight:700;font-size:0.95rem;box-shadow:var(--shadow-glow);border:1px solid var(--overlay-10);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);gap:0.5rem;cursor:pointer;min-height:44px;min-width:44px;line-height:1}.btn:hover,.btn:focus{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.btn:active{transform:translateY(0)}.btn.ghost{background:var(--overlay-3);border:1px solid var(--surface-border);color:var(--text);box-shadow:none;margin-left:0.75rem}.btn.ghost:hover,.btn.ghost:focus{background:var(--overlay-6);border-color:var(--overlay-15);box-shadow:0 4px 15px var(--overlay-5)}.projects{margin-top:3rem}.projects h2,.skills h2,.certificates h1,.contact h1,.portfolio h1{font-family:var(--font-title);font-weight:800;font-size:clamp(1.75rem,4vw + 0.5rem,2.2rem);letter-spacing:-0.75px;margin:0 0 2rem 0;background:linear-gradient(135deg,var(--text) 60%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.grid{display:grid;align-items:start;grid-template-columns:repeat(3,1fr);gap:1.5rem}.card{background:var(--card-bg);border:1px solid var(--surface-border);padding:2rem;border-radius:16px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;position:relative;overflow:visible;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity 0.3s ease}.card:hover,.card:focus-within{transform:translateY(-6px);border-color:var(--surface-border-hover);box-shadow:var(--shadow-md)}.card:hover::before{opacity:1}.card>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.card h3{font-family:var(--font-title);font-weight:700;font-size:clamp(1.1rem,2vw + 0.5rem,1.3rem);margin:0 0 0.75rem 0;letter-spacing:-0.5px;color:var(--text);transition:color 0.2s ease}.card:hover h3,.card:focus-within h3{color:var(--accent-2)}.card p{margin:0;color:var(--muted);font-size:0.95rem;line-height:1.6;flex-grow:1}.card-icon{width:48px;height:48px;background:var(--card-icon-bg);border:1px solid var(--card-icon-border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--accent-2);transition:all 0.3s ease}.card:hover .card-icon{background:var(--accent-gradient);color:var(--text-on-accent);border-color:transparent;transform:scale(1.05)}.skills{margin-top:4rem;padding:3rem;background:var(--overlay-1);border:1px solid var(--surface-border);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.skill-list{display:flex;flex-wrap:wrap;gap:0.75rem;list-style:none;padding:0;margin:0}.skill-list li{background:var(--overlay-3);border:1px solid var(--surface-border);padding:0.6rem 1.1rem;border-radius:12px;color:var(--text);font-weight:500;font-size:0.95rem;transition:all 0.25s ease;display:flex;align-items:center;gap:0.5rem}.skill-list li:hover{background:var(--overlay-6);border-color:var(--accent-2);transform:translateY(-3px);box-shadow:var(--shadow-glow-accent2)}.skill-list li svg{width:16px;height:16px;color:var(--accent-2)}.about{padding:3rem 0}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:3.5rem;align-items:center}.profile-container{position:relative;width:280px;height:280px}.profile-container::before{content:'';position:absolute;inset:-6px;border-radius:24px;background:var(--accent-gradient);z-index:-1;opacity:0.7;filter:blur(8px);transition:all 0.3s ease}.profile-container:hover::before{filter:blur(12px);opacity:0.95}.profile-pic{width:100%;height:100%;object-fit:cover;border-radius:20px;border:2px solid var(--surface-border-hover);background:var(--surface)}.profile-fallback{width:100%;height:100%;border-radius:20px;border:2px solid var(--surface-border-hover);background:var(--accent-gradient);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-on-accent);font-family:var(--font-title);text-align:center;padding:1.5rem}.profile-fallback svg{width:64px;height:64px;margin-bottom:1rem;color:var(--accent-2)}.profile-fallback span{font-weight:700;font-size:1.1rem;letter-spacing:-0.5px}.about-text h1{font-family:var(--font-title);font-size:clamp(2rem,5vw + 0.5rem,3rem);font-weight:800;margin:0 0 1.5rem 0;letter-spacing:-1.5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--muted);margin-bottom:1.5rem}.about-socials{margin-top:2rem;display:flex;gap:1.5rem}.about-socials a{color:var(--muted);text-decoration:none;font-family:var(--font-title);font-weight:600;transition:color 0.2s ease,transform 0.2s ease;display:flex;align-items:center;gap:0.5rem}.about-socials a:hover{color:var(--accent-2);transform:translateY(-2px)}.about-socials svg{width:18px;height:18px}.certificates{margin-top:2rem}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.cert-card{background:var(--card-bg);border:1px solid var(--surface-border);padding:2rem;border-radius:16px;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.3s ease}.cert-card:hover{border-color:var(--surface-border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.cert-card h2{font-family:var(--font-title);font-weight:700;font-size:1.35rem;margin:0 0 0.5rem 0;color:var(--text)}.cert-card p{margin:0;color:var(--muted);font-size:0.95rem;line-height:1.6;flex-grow:1}.cert-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem}.cert-actions .btn{padding:0.6rem 1.1rem;font-size:0.85rem;border-radius:8px}.contact{padding:2rem 0}.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;margin-top:1.5rem}.contact-form{background:var(--card-bg);border:1px solid var(--surface-border);padding:2.5rem;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-group label{font-family:var(--font-title);font-weight:600;font-size:0.9rem;margin-bottom:0.5rem;color:var(--text)}.required{color:#ef4444}.form-group input,.form-group textarea{background:var(--overlay-2);border:1px solid var(--surface-border);color:var(--text);padding:0.8rem 1rem;border-radius:8px;font-family:var(--font-body);font-size:0.95rem;transition:all 0.25s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--overlay-5);box-shadow:0 0 0 4px var(--overlay-15)}.contact-form .btn{align-self:flex-start;margin-top:0.5rem}.contact-info{background:var(--card-bg);border:1px solid var(--surface-border);padding:2.5rem;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column}.contact-info h2{font-family:var(--font-title);font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:0.75rem;color:var(--text)}.contact-info p{margin-top:0;margin-bottom:1.5rem}.contact-info ul{list-style:none;padding:0;margin:0}.contact-info li{margin-bottom:1.25rem;display:flex;align-items:center;gap:0.75rem;color:var(--muted)}.contact-info li svg{width:18px;height:18px;color:var(--accent-2)}.contact-info strong{color:var(--text)}.contact-info a{color:var(--accent-2);text-decoration:none;transition:color 0.2s ease}.contact-info a:hover{color:var(--text);text-decoration:underline}.site-footer{border-top:1px solid var(--surface-border);padding:2rem 0;margin-top:auto;background:var(--footer-bg)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-bottom-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem}.footer-inner p{margin:0;color:var(--muted);font-size:0.95rem}.ssl-container,.ssl-container *{position:static !important}.ssl-container img{display:block;max-width:120px;height:auto;border:none}.footer-socials{display:flex;gap:1.25rem;align-items:center}.footer-socials a{color:var(--muted);transition:color 0.25s ease,transform 0.25s ease,filter 0.25s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--overlay-3);border:1px solid var(--surface-border)}.footer-socials a:hover{color:var(--accent-2);transform:translateY(-3px);background:var(--overlay-6);border-color:var(--accent-2);box-shadow:var(--shadow-glow-accent2)}.footer-socials svg{width:18px;height:18px}.modal{display:none;position:fixed;z-index:1000;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(10px);align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.modal.show{display:flex;opacity:1}.modal-content{position:relative;max-width:90%;max-height:85%;display:flex;flex-direction:column;align-items:center}.modal-content img{max-width:100%;max-height:80vh;border-radius:12px;border:1px solid var(--surface-border-hover);box-shadow:var(--shadow-md)}.modal-svg-placeholder{width:80vw;max-width:600px;height:auto;aspect-ratio:1.414 / 1;background:var(--surface);border:4px double var(--accent-2);border-radius:12px;padding:3rem;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-md)}.modal-svg-placeholder svg{width:80px;height:80px;color:var(--accent);margin-bottom:1.5rem}.modal-svg-placeholder h2{font-family:var(--font-title);font-size:1.75rem;margin:0 0 1rem 0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-svg-placeholder p{color:var(--muted);font-size:1rem;margin:0 0 1.5rem 0;max-width:400px}.modal-title{font-family:var(--font-title);font-weight:600;color:var(--text);margin-top:1rem;font-size:1.15rem;text-align:center}.modal-close{position:absolute;top:-45px;right:0;background:transparent;border:none;color:var(--text-on-accent);font-size:2.2rem;cursor:pointer;padding:0.5rem;line-height:1;transition:color 0.2s ease}.modal-close:hover{color:var(--accent-2)}.toast{position:fixed;bottom:7rem;right:2rem;background:var(--card-bg);border:1px solid var(--accent-2);border-left:4px solid var(--accent-2);padding:1rem 1.5rem;border-radius:8px;color:var(--text);font-family:var(--font-title);font-weight:600;font-size:0.95rem;box-shadow:var(--shadow-md);z-index:1001;transform:translateY(100px);opacity:0;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;gap:0.75rem}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:20px;height:20px;color:var(--accent-2)}.hamburger-menu{display:none;background:transparent;border:none;cursor:pointer;padding:0.5rem;position:relative;z-index:1002;min-height:44px;min-width:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.hamburger-menu span{display:block;width:28px;height:2px;background-color:var(--text);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform-origin:left center}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(2px,-2px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(2px,2px)}@media (min-width:993px){.hamburger-menu{display:none !important}}@media (max-width:1400px){.container{max-width:1140px}}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}.grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:1fr}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1001;display:flex;justify-content:center;align-items:center;opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateY(-10px);visibility:hidden}.main-nav.active{opacity:1;visibility:visible;transform:translateY(0)}.main-nav ul{flex-direction:column;text-align:center;gap:1.5rem}.main-nav a{font-size:1.5rem;padding:1rem 2rem}body.menu-open{overflow:hidden}.header-inner{padding:0.75rem 0}.header-actions{margin-left:auto;margin-right:1rem;position:relative;z-index:1003}}@media (max-width:768px){.container{max-width:540px}.hero{padding:4rem 0 3rem 0;text-align:center}.hero p{display:flex;flex-direction:column;gap:1rem;align-items:center}.hero .btn.ghost{margin-left:0}.hero-stats{justify-content:center;gap:0.75rem}.hero-stat-item{min-width:100px;padding:0.75rem 1rem;align-items:center}.hero-stat-num{font-size:1.4rem}.about-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.profile-container{margin:0 auto;width:240px;height:240px}.about-socials{justify-content:center}.contact-grid{grid-template-columns:1fr}.contact-info{margin-top:1rem}.footer-inner{flex-direction:column;text-align:center;gap:1rem}.footer-socials{justify-content:center}.header-actions{display:flex;align-items:center;gap:0.5rem}.footer-bottom-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.75rem}}@media (max-width:576px){.container{width:100%;padding-left:1.25rem;padding-right:1.25rem}.grid{grid-template-columns:1fr}.services-selector{grid-template-columns:1fr}.contact-form{padding:1.5rem}.contact-info{padding:1.5rem}.header-actions{margin-left:0;margin-right:0.25rem;gap:0.25rem}}@media (max-width:480px){.btn{width:100%;padding:0.8rem 1rem}.skill-list{justify-content:center}.card,.cert-card{padding:1.5rem}}@media (max-width:414px){.profile-container{width:60%;max-width:240px;aspect-ratio:1/1;height:auto}}@media (max-width:390px){.logo{font-size:1.15rem}.theme-toggle{width:36px;height:36px;margin-left:0.25rem}.header-actions{gap:0.25rem;margin-right:0.5rem}}@media (max-width:375px){.main-nav a{font-size:1.3rem}.form-group input,.form-group textarea{font-size:0.9rem;padding:0.7rem 0.8rem}}@media (max-width:320px){.footer-inner p{font-size:0.8rem}.contact-info li{flex-direction:column;text-align:center}}:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.text-muted{color:var(--muted)}.center{text-align:center}.portfolio-filters{display:flex;justify-content:center;gap:0.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.filter-btn{background:var(--overlay-2);border:1px solid var(--surface-border);color:var(--muted);padding:0.6rem 1.3rem;border-radius:99px;font-family:var(--font-title);font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}.filter-btn:hover,.filter-btn:focus{background:var(--overlay-6);border-color:var(--overlay-15);color:var(--text);transform:translateY(-1px)}.filter-btn.active{background:var(--accent-gradient);color:var(--text-on-accent);border-color:transparent;box-shadow:var(--shadow-glow)}.grid .card.hide{display:none !important}.services-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;margin-top:0.5rem}@media (max-width:640px){.services-selector{grid-template-columns:1fr}}.service-chip{background:var(--overlay-1);border:1px solid var(--surface-border);border-radius:12px;padding:0.8rem 1rem;display:flex;align-items:center;gap:0.6rem;font-family:var(--font-title);font-weight:600;font-size:0.85rem;color:var(--muted);cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);user-select:none}.service-chip:hover{background:var(--overlay-4);border-color:var(--overlay-15);color:var(--text)}.service-chip.selected{background:var(--chip-selected-bg);border-color:var(--accent);color:var(--text);box-shadow:var(--shadow-glow)}.service-chip.selected svg{color:var(--accent-2);transform:scale(1.1)}.service-chip svg{width:16px;height:16px;color:var(--muted);transition:all 0.2s ease}.budget-slider-container{margin-top:0.5rem}.budget-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:var(--overlay-6);outline:none;margin:1rem 0;display:block}.budget-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer}.budget-slider::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;background:var(--accent-2);cursor:pointer;margin-top:-6px;box-shadow:var(--shadow-glow-accent2);transition:transform 0.15s ease,background-color 0.2s ease;border:none}.budget-slider::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--accent);box-shadow:var(--shadow-glow-strong)}.budget-slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:var(--accent-2);cursor:pointer;box-shadow:var(--shadow-glow-accent2);transition:transform 0.15s ease;border:none}.budget-slider::-moz-range-thumb:hover{transform:scale(1.25);background:var(--accent)}.budget-range-labels{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--muted);padding:0 2px}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0)}.fade-in{opacity:0;animation:fadeInUp 0.8s cubic-bezier(0.16,1,0.3,1) forwards}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.delay-3{animation-delay:0.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (pointer:fine){body,a,button{cursor:none !important}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:width 0.2s ease,height 0.2s ease,background-color 0.2s ease,border 0.2s ease,box-shadow 0.2s ease;will-change:left,top,width,height;box-shadow:0 0 15px var(--accent);border:0px solid var(--accent);display:none}[data-theme="light"] .custom-cursor{mix-blend-mode:multiply}.custom-cursor.expand{width:45px;height:45px;background-color:transparent;border:1.5px solid var(--accent);box-shadow:none;opacity:1}}.skills-container{width:100%}.skill-bar{margin-bottom:1.2rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-weight:600;font-size:0.95rem}.progress-line{width:100%;height:8px;background:var(--surface-border);border-radius:10px;overflow:hidden;position:relative}.progress-line span{display:block;height:100%;background:var(--accent-gradient);width:0%;transition:width 1.5s cubic-bezier(0.2,0.8,0.2,1);border-radius:10px}#page-content{transition:opacity 0.4s ease,transform 0.4s ease}.page-transition-leave{opacity:0;transform:translateY(-20px)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0)}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity 0.6s ease,visibility 0.6s ease}#preloader.hidden{opacity:0;;visibility:hidden}.preloader-logo{font-family:var(--font-title);font-weight:800;font-size:3.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;animation:preloader-pulse 1.5s infinite ease-in-out}@keyframes preloader-pulse{0%{transform:scale(0.95);opacity:0.7}50%{transform:scale(1.05);opacity:1}100%{transform:scale(0.95);opacity:0.7}}.error-page{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:80vh}.error-illustration{margin-bottom:2rem;position:relative}.error-illustration svg{width:150px;height:150px;animation:floatAstronaut 6s ease-in-out infinite;color:var(--accent-2)}@keyframes floatAstronaut{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.error-page h1{font-family:var(--font-title);font-weight:800;font-size:clamp(2.5rem,6vw + 1rem,4rem);margin:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.error-page h2{font-family:var(--font-title);font-weight:700;font-size:1.8rem;margin:0.5rem 0 1rem 0;color:var(--text)}.error-page p{color:var(--muted);max-width:450px;margin:0 0 2rem 0;font-size:1.05rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;transform:none !important}}.floating-whatsapp-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:var(--text-on-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);z-index:1000;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);animation:floatBtn 3s ease-in-out infinite;border:1px solid var(--overlay-15)}.floating-whatsapp-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-glow-strong)}.floating-whatsapp-btn svg{width:32px;height:32px;fill:currentColor}@keyframes floatBtn{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-theme="light"] .site-header{border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.04)}[data-theme="light"] .main-nav a:hover,[data-theme="light"] .main-nav a:focus,[data-theme="light"] .main-nav a[aria-current="page"]{background:rgba(0,0,0,0.04);color:var(--text)}[data-theme="light"] .card{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="light"] .card:hover,[data-theme="light"] .card:focus-within{border-color:#cbd5e1;box-shadow:var(--shadow-md)}[data-theme="light"] .cert-card{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="light"] .cert-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md)}[data-theme="light"] .skills{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="light"] .skill-list li{background:#f8fafc;border:1px solid #e2e8f0}[data-theme="light"] .skill-list li:hover{background:#f1f5f9;border-color:var(--accent-2)}[data-theme="light"] .contact-form{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="light"] .contact-info{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme="light"] .form-group input,[data-theme="light"] .form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;color:var(--text)}[data-theme="light"] .form-group input:focus,[data-theme="light"] .form-group textarea:focus{background:#ffffff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,58,237,0.12)}[data-theme="light"] .form-group input::placeholder,[data-theme="light"] .form-group textarea::placeholder{color:#94a3b8}[data-theme="light"] .btn{box-shadow:var(--shadow-glow)}[data-theme="light"] .btn:hover,[data-theme="light"] .btn:focus{box-shadow:var(--shadow-glow-strong)}[data-theme="light"] .btn.ghost{background:#ffffff;border:1px solid #e2e8f0;color:var(--text);box-shadow:var(--shadow-sm)}[data-theme="light"] .btn.ghost:hover,[data-theme="light"] .btn.ghost:focus{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow-md)}[data-theme="light"] .site-footer{background:var(--footer-bg);border-top:1px solid #e2e8f0}[data-theme="light"] .toast{background:#ffffff;border:1px solid var(--accent-2);border-left:4px solid var(--accent-2);box-shadow:var(--shadow-md);color:var(--text)}[data-theme="light"] .modal{background:var(--modal-backdrop)}[data-theme="light"] .modal-svg-placeholder{background:#ffffff;box-shadow:var(--shadow-md)}[data-theme="light"] .modal-close{color:#ffffff}[data-theme="light"]::-webkit-scrollbar-track{background:var(--bg)}[data-theme="light"]::-webkit-scrollbar-thumb{border:2px solid var(--bg)}[data-theme="light"] .filter-btn{background:#ffffff;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm)}[data-theme="light"] .filter-btn:hover,[data-theme="light"] .filter-btn:focus{background:#f8fafc;border-color:#cbd5e1;color:var(--text)}[data-theme="light"] .service-chip{background:#ffffff;border:1px solid #e2e8f0}[data-theme="light"] .service-chip:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text)}[data-theme="light"] .service-chip.selected{background:rgba(124,58,237,0.05);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}[data-theme="light"] .budget-slider{background:#e2e8f0}[data-theme="light"] .main-nav{background:var(--header-bg)}@media (max-width:992px){[data-theme="light"] .main-nav{background:rgba(232,237,245,0.97);border-bottom:1px solid #e2e8f0}}[data-theme="light"] #preloader{background-color:var(--bg)}[data-theme="light"] .progress-line{background:#e2e8f0}[data-theme="light"] .hero h1{background:linear-gradient(135deg,var(--text) 50%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme="light"] .projects h2,[data-theme="light"] .skills h2,[data-theme="light"] .certificates h1,[data-theme="light"] .contact h1,[data-theme="light"] .portfolio h1{background:linear-gradient(135deg,var(--text) 60%,var(--muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme="light"] [style*="background:var(--overlay-3)"],[data-theme="light"] [style*="background:var(--overlay-3)"]{background:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:var(--shadow-sm)}[data-theme="light"] .profile-pic{border-color:#cbd5e1;background:#ffffff}[data-theme="light"] .profile-container::before{opacity:0.5}[data-theme="light"] [style*="font-family:monospace"]{background:var(--code-bg) !important}[data-theme="light"] .floating-whatsapp-btn{box-shadow:0 4px 14px -2px rgba(37,211,102,0.4)}[data-theme="light"] .floating-whatsapp-btn:hover{box-shadow:0 8px 25px -3px rgba(37,211,102,0.5)}[data-theme="light"] .custom-cursor{background-color:var(--accent);box-shadow:0 0 15px var(--accent)}[data-theme="light"] article.card{background:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:var(--shadow-sm)}[data-theme="light"] article.card:hover{box-shadow:var(--shadow-md)}.modern-card{background:var(--card-bg,#ffffff);border:1px solid var(--surface-border,#eef0f2);border-radius:16px;overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.03)}.dark-theme .modern-card{background:#111111;border-color:#222222}.modern-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.08)}.dark-theme .modern-card:hover{box-shadow:0 12px 30px rgba(0,0,0,0.4)}.mc-image{width:100%;height:220px;position:relative;overflow:hidden;background:#f8f9fa}.dark-theme .mc-image{background:#1a1a1a}.mc-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.modern-card:hover .mc-image img{transform:scale(1.05)}.mc-price{position:absolute;top:12px;right:12px;background:#f59e0b;color:white;font-weight:700;font-size:0.9rem;padding:4px 12px;border-radius:8px;z-index:2}.mc-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.mc-category{display:flex;align-items:center;gap:0.4rem;color:#0066ff;font-weight:800;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem}.dark-theme .mc-category{color:#3b82f6}.mc-title{font-size:1.25rem !important;font-weight:800 !important;color:var(--text,#111827) !important;margin:0 0 0.5rem 0 !important;letter-spacing:-0.5px !important}.mc-desc{color:var(--muted,#6b7280) !important;font-size:0.9rem !important;line-height:1.5 !important;margin-bottom:1.5rem !important;flex-grow:1}.mc-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;font-weight:600;color:var(--muted,#6b7280);margin-bottom:1rem}.mc-meta-left{display:flex;gap:1rem;align-items:center}.mc-meta-left i.fa-star{color:#facc15}.mc-status{display:flex;align-items:center;gap:0.4rem}.mc-status .dot{width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block}.mc-divider{border:none;border-top:1px solid var(--surface-border,#e5e7eb);margin:0 0 1rem 0}.dark-theme .mc-divider{border-top-color:#222222}.mc-actions{display:flex;gap:0.75rem}.mc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 0;border-radius:12px;font-weight:700;font-size:0.95rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer}.mc-btn-outline{background:transparent;color:var(--text,#374151);border:1px solid var(--surface-border,#d1d5db)}.dark-theme .mc-btn-outline{color:#e5e7eb;border-color:#333333}.mc-btn-outline:hover{background:var(--overlay-5,#f3f4f6)}.dark-theme .mc-btn-outline:hover{background:#222222}.mc-btn-primary{background:#0066ff;color:#ffffff;border:1px solid #0066ff}.mc-btn-primary:hover{background:#0052cc;border-color:#0052cc;color:#ffffff}.hide{display:none !important}.private-project{display:none !important}body.show-private .private-project:not(.hide){display:flex !important}.dev-toast{position:fixed;bottom:2rem;right:2rem;background:rgba(15,23,42,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent);box-shadow:var(--shadow-glow-strong);color:var(--text);padding:1rem 1.5rem;border-radius:12px;font-family:var(--font-title);font-weight:600;font-size:0.95rem;z-index:9999;transform:translateY(100px) scale(0.9);opacity:0;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;gap:0.75rem;pointer-events:none}.dev-toast.show{transform:translateY(0) scale(1);opacity:1}.dev-toast .toast-icon{width:20px;height:20px;color:var(--accent-2)}.hamburger-menu{display:none}@media (max-width:1440px){.container{max-width:1140px}}@media (max-width:1024px){.container{max-width:960px}.hero h1{font-size:clamp(2rem,4vw + 1rem,3rem)}.grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.cert-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{width:92%;padding:2rem 0}body.menu-open{overflow:hidden}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1000}.hamburger-menu span{width:30px;height:3px;background:var(--text);border-radius:10px;transition:all 0.3s linear;position:relative;transform-origin:1px}.hamburger-menu.active span:first-child{transform:rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg)}.main-nav{position:absolute;top:100%;left:0;width:100%;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface-border);transform:translateY(-10px);opacity:0;pointer-events:none;transition:all 0.3s ease;box-shadow:var(--shadow-md)}.main-nav.active{transform:translateY(0);opacity:1;pointer-events:auto}.main-nav ul{flex-direction:column;padding:1.5rem;gap:0.5rem}.main-nav a{display:block;width:100%;text-align:center;padding:1rem;font-size:1.1rem}.grid,.cert-grid{grid-template-columns:1fr}.hero{padding:4rem 0 2rem 0}.footer-inner{flex-direction:column;text-align:center;gap:1.5rem}.footer-bottom-wrapper{flex-direction:column;align-items:center;gap:1rem}.modal-content{width:95%;padding:1.5rem}}@media (max-width:375px){.hero h1{font-size:2rem}.btn{width:100%;margin-left:0;margin-bottom:0.5rem}.header-actions{gap:0.5rem}.card{padding:1.5rem}}@media (max-width:320px){.logo{font-size:1.1rem}.card{padding:1.25rem}}
@media (max-width: 768px) { .reveal { transition-duration: 0.4s !important; } .fade-in { animation-duration: 0.4s !important; } #preloader { transition-duration: 0.3s !important; } }
.faq-section{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.faq-section details{background:var(--card-bg);border:1px solid var(--surface-border);border-radius:12px;padding:1.25rem;transition:all 0.3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.faq-section details[open]{border-color:var(--accent);box-shadow:var(--shadow-glow)}.faq-section summary{font-family:var(--font-title);font-weight:700;font-size:1.1rem;color:var(--text);cursor:pointer;list-style:none;position:relative;padding-right:2rem;outline:none;transition:color 0.2s ease}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--accent);font-weight:400;transition:transform 0.3s ease}.faq-section details[open] summary::after{content:'-';transform:translateY(-50%) rotate(180deg)}.faq-section details[open] summary{color:var(--accent-2);margin-bottom:1rem}.faq-section p{color:var(--muted);line-height:1.6;margin:0;animation:fadeInUp 0.4s ease}[data-theme='light'] .faq-section details{background:#ffffff;border-color:#e2e8f0;box-shadow:var(--shadow-sm)}[data-theme='light'] .faq-section details[open]{border-color:var(--accent)}#scroll-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent-gradient);z-index:100000;box-shadow:0 0 10px rgba(139,92,246,0.7);transition:width 0.1s linear}#back-to-top{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;border-radius:50%;background:rgba(15,23,42,0.8);border:1px solid var(--surface-border-hover);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}#back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#back-to-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-3px) scale(1.05)}.demo-modal-overlay{position:fixed;inset:0;z-index:999999;background:rgba(7,10,19,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.demo-modal-overlay.active{opacity:1;visibility:visible}.demo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 1.5rem;background:rgba(15,23,42,0.95);border-bottom:1px solid var(--surface-border)}.demo-modal-title{font-family:var(--font-title);font-weight:700;font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:0.5rem}.demo-viewport-controls{display:flex;align-items:center;gap:0.4rem;background:rgba(255,255,255,0.05);padding:0.25rem 0.4rem;border-radius:8px;border:1px solid var(--surface-border)}.demo-viewport-btn{background:transparent;border:none;color:var(--muted);padding:0.4rem 0.75rem;border-radius:6px;cursor:pointer;font-size:0.85rem;font-weight:600;display:flex;align-items:center;gap:0.4rem;transition:all 0.2s ease}.demo-viewport-btn:hover,.demo-viewport-btn.active{background:var(--accent-gradient);color:#fff}.demo-modal-close{background:rgba(255,255,255,0.08);border:1px solid var(--surface-border);color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.demo-modal-close:hover{background:rgba(239,68,68,0.2);color:#ef4444;border-color:rgba(239,68,68,0.4)}.demo-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.demo-iframe-container{width:100%;height:100%;max-width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.5);transition:max-width 0.4s cubic-bezier(0.4,0,0.2,1)}.demo-iframe-container.tablet{max-width:768px}.demo-iframe-container.mobile{max-width:375px;height:90%;border-radius:24px;border:4px solid #334155}.demo-iframe-container iframe{width:100%;height:100%;border:none}.quote-wizard-container{background:var(--card-bg);border:1px solid var(--surface-border);border-radius:20px;padding:2.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);margin:3rem 0;position:relative;overflow:hidden}.quote-wizard-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}@media (max-width:992px){.quote-wizard-grid{grid-template-columns:1fr}}.wizard-options-title{font-family:var(--font-title);font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:1rem}.wizard-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0.75rem;margin-bottom:2rem}.wizard-type-card{background:rgba(255,255,255,0.03);border:1px solid var(--surface-border);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all 0.2s ease;user-select:none}.wizard-type-card:hover,.wizard-type-card.selected{background:var(--chip-selected-bg);border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.wizard-type-card h4{font-size:0.95rem;margin:0.4rem 0 0;color:var(--text)}.wizard-features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem}.wizard-feature-checkbox{display:flex;align-items:center;gap:0.6rem;background:rgba(255,255,255,0.02);border:1px solid var(--surface-border);border-radius:10px;padding:0.75rem 1rem;cursor:pointer;transition:all 0.2s ease;user-select:none;font-size:0.9rem}.wizard-feature-checkbox:hover,.wizard-feature-checkbox.checked{background:rgba(6,182,212,0.08);border-color:var(--accent-2)}.wizard-feature-checkbox input{accent-color:var(--accent-2);width:16px;height:16px}.wizard-summary-card{background:linear-gradient(145deg,rgba(15,23,42,0.9),rgba(7,10,19,0.95));border:1px solid var(--accent);border-radius:16px;padding:1.75rem;text-align:center;box-shadow:var(--shadow-glow)}.wizard-price-display{font-family:var(--font-title);font-size:2.2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.5rem 0}.wizard-time-display{font-size:0.9rem;color:var(--muted);margin-bottom:1.5rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.testimonial-card{background:var(--card-bg);border:1px solid var(--surface-border);border-radius:16px;padding:1.75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.3s ease;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card:hover{transform:translateY(-4px);border-color:var(--surface-border-hover);box-shadow:var(--shadow-sm)}.testimonial-stars{color:#f59e0b;margin-bottom:0.75rem;display:flex;gap:2px}.testimonial-text{font-size:0.95rem;line-height:1.6;color:var(--text);font-style:italic;margin-bottom:1.25rem}.testimonial-author{display:flex;align-items:center;gap:0.75rem}.testimonial-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem}.testimonial-info h4{margin:0;font-size:0.95rem;color:var(--text)}.testimonial-info span{font-size:0.8rem;color:var(--muted)}.tech-badges-grid{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-top:1.5rem}.tech-badge{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.04);border:1px solid var(--surface-border);border-radius:30px;padding:0.5rem 1.1rem;font-size:0.9rem;font-weight:500;color:var(--text);transition:all 0.25s ease}.tech-badge:hover{background:var(--chip-selected-bg);border-color:var(--accent-2);transform:translateY(-2px);box-shadow:var(--shadow-glow-accent2)}