@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--primary: #0D9488;--primary-light: #2DD4BF;--primary-dark: #0F766E;--cyan-glow: #22D3EE;--accent-warm: #F0FDFA;--accent-light: #CCFBF1;--bg-futuristic: radial-gradient(circle at top right, #F0FDFA 0%, #FFFFFF 100%);--accent-dark: #0F172A;--bg: #FFFFFF;--card-bg: rgba(255, 255, 255, .7);--text-primary: #0F172A;--text-secondary: #475569;--text-light: #94A3B8;--border-light: rgba(0, 0, 0, .05);--border-medium: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(13, 148, 136, .08);--shadow-lg: 0 12px 32px rgba(13, 148, 136, .12);--shadow-xl: 0 20px 50px rgba(13, 148, 136, .15);--shadow-primary: 0 4px 14px rgba(45, 212, 191, .3);--shadow-primary-hover: 0 6px 20px rgba(45, 212, 191, .4);--shadow-primary-soft: 0 8px 32px rgba(45, 212, 191, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: 1px solid rgba(255, 255, 255, .3);--glass-blur: blur(12px);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 64px;--spacing-4xl: 100px}.dark-mode{--bg: #0f172a;--bg-futuristic: radial-gradient(circle at top right, #1e293b 0%, #0f172a 100%);--card-bg: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-light: #94a3b8;--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--glass-bg: rgba(15, 23, 42, .7);--glass-border: 1px solid rgba(255, 255, 255, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--accent-warm: #1e293b}.dark-mode body{background-color:var(--bg)}.lang-urdu,.lang-urdu *{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif!important;letter-spacing:0!important;line-height:2!important}.header,.header *,.nav-links,.nav-links *{font-family:Inter,Outfit,sans-serif!important;direction:ltr!important;letter-spacing:normal!important;line-height:normal!important}.lang-urdu .section-title{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif!important;letter-spacing:0!important}.lang-urdu .become-mechanic-hero-title{font-size:1.8rem!important;line-height:1.7!important;letter-spacing:0!important}.lang-urdu .steps-horizontal{flex-direction:row!important;flex-wrap:wrap!important;gap:1.5rem!important;align-items:flex-start!important}.lang-urdu .step-item-new{flex:1 1 28%!important;min-width:140px!important;gap:.6rem!important;align-items:flex-start!important}.lang-urdu .step-badge-new{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;line-height:1!important;font-family:Inter,Outfit,sans-serif!important;flex-shrink:0!important}.lang-urdu .step-title-new{font-size:1rem!important;line-height:1.6!important}.lang-urdu .step-desc-new{font-size:.82rem!important;line-height:1.7!important;max-width:100%!important}.lang-urdu .hero-cta-btn-new{line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;padding:.9rem 2rem!important}.messages-open a[title="Chat with us on WhatsApp"]{display:none!important}.dark-mode .header{background:#0f172ad9;border-color:#ffffff0d}.dark-mode .hero{background:linear-gradient(180deg,#0f172a,#1e293b)}.dark-mode .hero h1{color:#f8fafc}.dark-mode .hero p{color:#94a3b8}.dark-mode .alternate-bg{background:#111827}.dark-mode .why-choose-us{background:radial-gradient(circle at center,#1e293b,#0f172a)}.dark-mode .feature-card,.dark-mode .step-card,.dark-mode .cta-service-card{background:#1e293b99;border-color:#ffffff0d;color:#f8fafc}.dark-mode .feature-card:hover,.dark-mode .step-card:hover,.dark-mode .cta-service-card:hover{background:#1e293be6;border-color:var(--primary);box-shadow:0 0 30px #0d94881a}.dark-mode .section-title,.dark-mode .feature-text h4,.dark-mode .step-content h3,.dark-mode .service-card-content h3{color:#f8fafc}.dark-mode .feature-text p,.dark-mode .step-content p,.dark-mode .service-card-content p{color:#94a3b8}.dark-mode .footer{background:#020617;border-top:1px solid rgba(255,255,255,.05);color:#64748b}.dark-mode .search-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1)}.dark-mode .search-modal input{background:#0f172a;border-color:#ffffff1a;color:#fff}.dark-mode .language-select{color:#fff;background-color:var(--accent-warm);border-color:var(--border-medium)}.dark-mode .signin-btn{color:var(--primary-light)!important;border-color:var(--primary-light)!important}.dark-mode .find-mechanic-page{background:var(--bg)}.dark-mode .mechanic-card{background:#1e293b;border-color:#ffffff0d}.dark-mode .mechanic-name{color:#f8fafc}.dark-mode .mechanic-specialty,.dark-mode .mechanic-rating,.dark-mode .mechanic-expertise{color:#cbd5e1}.dark-mode .leaderboard-card,.dark-mode .results-header{background:#1e293b;border-color:#ffffff0d;box-shadow:0 10px 30px #0000004d}.dark-mode .leaderboard-item{background:#0f172a80}.dark-mode .leaderboard-item:hover{background:#0f172acc}.dark-mode .rank-badge{background:#0f172a;box-shadow:0 2px 8px #0000004d}.dark-mode .leader-name{color:#f8fafc}.dark-mode .maintenance-tip-card{background:linear-gradient(135deg,#134e4a,#0f172a);border-color:#14b8a633}.dark-mode .maintenance-tip-card h4{color:#2dd4bf}.dark-mode .maintenance-tip-card p{color:#94a3b8}.dark-mode .read-more-btn{background:#ffffff0d;color:#2dd4bf;border-color:#2dd4bf33}.dark-mode .read-more-btn:hover{background:var(--primary);color:#fff}.dark-mode .sort-btn{background:#0f172a;color:#94a3b8}.dark-mode .sort-btn:hover{background:#1e293b;color:#f8fafc}.dark-mode .search-by-name input{background:#0f172a;border-color:#ffffff1a;color:#fff}.dark-mode .view-profile-btn{background:#ffffff1a;color:#f8fafc}.dark-mode .view-profile-btn:hover{background:#fff3}.dark-mode .find-form-container{background:#1e293b;border-color:#ffffff1a;box-shadow:0 15px 40px #0006}.dark-mode .find-form-container .form-group.divider{background:#ffffff1a}.dark-mode .dropdown-trigger{color:#f8fafc}.dark-mode .dropdown-trigger:hover{background:#2dd4bf1a}.dark-mode .dropdown-menu{background:#1e293b;border-color:#ffffff1a;box-shadow:0 10px 30px #00000080}.dark-mode .dropdown-item{color:#cbd5e1}.dark-mode .dropdown-item:hover{background:#ffffff0d}.dark-mode .become-mechanic{background:radial-gradient(circle at top right,#1a2036,#0b0f19);color:#f8fafc}.dark-mode .become-mechanic-hero-title{background:linear-gradient(135deg,#2dd4bf,#0d9488,#f8fafc);-webkit-background-clip:text;background-clip:text}.dark-mode .step{background:#1e293b99;border-color:#ffffff0d}.dark-mode .step:hover{background:#1e293be6;border-color:var(--primary)}.dark-mode .step-info h3{color:#f8fafc}.dark-mode .step-info p,.dark-mode .showcase-text p,.dark-mode .benefit-item{color:#cbd5e1}.dark-mode .dashboard-showcase{background:#1e293b66;border-color:#ffffff1a}.dark-mode .showcase-text h2,.dark-mode .benefits-title{color:#f8fafc}.dark-mode .stat-card{background:#0f172a;border-color:#ffffff1a}.dark-mode .stat-label{color:#94a3b8}.dark-mode .benefit-item{background:#ffffff0d}.dark-mode .become-mechanic-page{background:radial-gradient(circle at 0% 0%,#0f172a,#1e293b,#020617)}.dark-mode .signup-container{background:#1e293bb3;border-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .signup-container h2,.dark-mode .signup-container label,.dark-mode .signup-container .divider span,.dark-mode .signup-container .login-link{color:#f8fafc}.dark-mode .signup-container .signup-subtitle{color:#94a3b8}.dark-mode .signup-container input{background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#f8fafc}.dark-mode .signup-container input:focus{border-color:#2dd4bf;background:#0f172a}body{background-color:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.content-wrapper{flex-grow:1;width:100%;overflow-x:hidden;box-sizing:border-box}.header{background:var(--card-bg);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:30px;display:flex;align-items:center}.logo-image{width:148px;height:40px;object-fit:cover;object-position:center 44%;display:block;transition:transform var(--transition-smooth)}.logo:hover{transform:none}.logo:hover .logo-image{transform:scale(1.04)}.nav-links{display:flex;align-items:center;gap:20px;flex:1}.nav-left{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-left button{background:none;border:none;cursor:pointer;text-decoration:none;color:var(--text-primary);font-size:14px;transition:color var(--transition-base);padding:6px 10px;font-weight:500;white-space:nowrap}.nav-left button:hover{color:var(--primary)}.nav-left button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.nav-right{display:flex;align-items:center;gap:20px;margin-left:auto}.theme-toggle-cyber{background:#ffffff0d;border:1px solid var(--border-light);width:50px;height:34px;border-radius:20px;cursor:pointer;position:relative;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 2px 4px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toggle-track{width:100%;height:100%;position:relative;display:flex;align-items:center}.toggle-thumb{width:28px;height:28px;background:var(--primary);border-radius:50%;position:absolute;left:3px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 15px var(--primary-light)}.theme-toggle-cyber.dark .toggle-thumb{left:calc(100% - 31px);background:#6366f1;box-shadow:0 0 15px #6366f199}.toggle-thumb .icon{font-size:14px;animation:rotateIn .5s ease}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.theme-toggle-cyber:hover{border-color:var(--primary-light);transform:scale(1.05)}.theme-toggle-cyber.dark{background:#0000004d;border-color:#6366f14d}.nav-links button:not(.nav-left button):not(.nav-right button){background:none;border:none;cursor:pointer;text-decoration:none;color:var(--text-primary);font-size:16px;transition:color var(--transition-base);padding:var(--spacing-xs) 10px;width:100%;text-align:left;font-weight:500}.nav-links button:hover{color:var(--primary)}.search-icon{background:transparent;border:none;font-size:20px;cursor:pointer;margin-left:var(--spacing-sm);color:var(--text-primary);padding:6px;border-radius:var(--radius-md);transition:all var(--transition-base)}.search-icon:hover{background:var(--accent-warm);color:var(--primary)}.search-icon:focus-visible{background:var(--accent-warm);color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.search-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:60;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--transition-fast)}.search-modal{background:var(--card-bg);width:100%;max-width:720px;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-modal form{display:flex;gap:var(--spacing-sm);align-items:center}.search-modal input{flex:1;padding:14px var(--spacing-md);font-size:16px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;min-width:0;transition:all var(--transition-base)}.search-modal input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #228b811a}.search-modal .search-submit{background:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.search-modal .search-submit:hover{background:var(--primary-light);transform:translateY(-1px)}.search-modal .search-submit:active{transform:translateY(0)}.search-modal .close-btn{position:absolute;top:-6px;right:-12px;background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary);transition:color var(--transition-base);padding:4px}.search-modal .close-btn:hover{color:var(--text-primary)}.search-modal .close-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero{text-align:center;padding:100px 20px;background:linear-gradient(180deg,var(--bg) 0%,#a8ddc4 100%);color:var(--text-primary);position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.4) 0%,transparent 60%);z-index:1}.hero-cta-btn{position:relative;z-index:10;pointer-events:auto!important}.hero h1{font-size:52px;font-weight:800;max-width:800px;margin:0 0 20px;color:var(--text-primary);line-height:1.15}.hero p{font-size:20px;max-width:650px;margin:0 0 40px;color:var(--text-secondary)}.hero-cta-btn{background:var(--primary);color:#fff;border:2px solid var(--primary);padding:var(--spacing-md) var(--spacing-xl);font-size:18px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-self:flex-start;box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center;text-decoration:none}.hero-actions{display:flex;gap:var(--spacing-lg);align-items:center;margin-top:var(--spacing-sm)}.hero-cta-btn.secondary{background:transparent;color:#fff;border-color:#fff;box-shadow:none}.hero-cta-btn:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff;box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.hero-cta-btn.secondary:hover{background:#fff;color:var(--primary);border-color:#fff}.hero-right{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.hero-right img{max-width:100%;height:auto;border-radius:var(--radius-lg);opacity:.85;transition:opacity var(--transition-base),transform var(--transition-smooth)}.hero-right:hover img{opacity:1;transform:scale(1.02)}.language-select{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-light);width:100%;margin-top:5px;background-color:var(--card-bg);cursor:pointer;font-family:inherit;font-size:14px;transition:all var(--transition-base)}.language-select:hover{border-color:var(--border-medium)}.language-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #228b811a}.nav-dropdown-wrapper{position:relative;display:inline-block}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:15px;background:#fff;border-radius:16px;box-shadow:0 15px 40px #00000026;min-width:200px;z-index:2000;overflow:hidden;animation:dropdownFadeScale .3s cubic-bezier(.16,1,.3,1);padding:8px;border:1px solid rgba(0,0,0,.05)}.dark-mode .nav-dropdown-menu{background:#1e293b;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 40px #00000080}.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.dark-mode .nav-dropdown-menu:before{border-bottom-color:#1e293b}.nav-dropdown-menu button{display:flex!important;align-items:center;width:100%!important;padding:12px 18px!important;text-align:left!important;border:none!important;background:transparent!important;color:var(--text-primary)!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer;transition:all .25s!important;border-radius:10px!important;margin-bottom:2px}.nav-dropdown-menu button:last-child{margin-bottom:0}.nav-dropdown-menu button:hover{background:#f1f5f9!important;color:var(--primary)!important;transform:translate(4px)}.dark-mode .nav-dropdown-menu button:hover{background:#2dd4bf1a!important}@keyframes dropdownFadeScale{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.login-btn{background-color:var(--primary)!important;color:#fff!important;padding:10px 20px!important;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);width:auto!important;text-align:center!important;font-weight:600}.login-btn:hover{background-color:var(--primary-light)!important;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.signin-btn{background-color:transparent!important;color:var(--primary)!important;padding:10px 20px!important;border-radius:var(--radius-md);border:2px solid var(--primary)!important;cursor:pointer;transition:all var(--transition-base);width:auto!important;text-align:center!important;font-weight:600}.signin-btn:hover{background-color:var(--accent-warm)!important}.signin-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cta-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-xl);background:var(--bg-futuristic);position:relative;overflow:hidden}.cta-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);padding:32px;border:var(--glass-border);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-smooth);text-align:left;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;z-index:2;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity var(--transition-base)}.cta-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px);background:#ffffffe6}.cta-card:hover:before{opacity:1}.cta-card:focus-within{outline:2px solid var(--primary);outline-offset:2px}.cta-card h3{font-size:24px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.cta-card p{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.6}.cta-card .arrow{color:var(--primary);font-weight:700;font-size:18px;margin-top:auto;display:flex;align-items:center;gap:8px;transition:transform var(--transition-base)}.cta-card:hover .arrow{transform:translate(6px)}.mobile-menu-btn{display:none;font-size:28px;cursor:pointer;color:var(--text-primary);background:transparent;border:none;padding:6px;border-radius:var(--radius-sm);transition:background-color var(--transition-base)}.mobile-menu-btn:hover{background:var(--accent-warm)}.mobile-menu-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:30px;padding:var(--spacing-3xl) var(--spacing-lg)}.hero h1{font-size:40px}.hero-right{aspect-ratio:16/9}.cta-section{grid-template-columns:repeat(2,1fr);padding:var(--spacing-2xl) var(--spacing-lg)}.cta-card{padding:28px}.cta-card h3{font-size:20px}}@media(max-width:768px){.header{padding:var(--spacing-sm) var(--spacing-md)}.logo{margin-right:12px}.logo-image{width:132px;height:36px}.hero{padding:var(--spacing-2xl) var(--spacing-md)}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-cta-btn{width:100%;text-align:center}.cta-section{grid-template-columns:1fr;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md)}.cta-card{padding:var(--spacing-lg)}.search-modal{padding:var(--spacing-md)}.search-modal form{flex-direction:column}.search-modal .search-submit{width:100%}.mobile-menu-btn{display:block}}@media print{.header,.search-icon,.search-overlay,.mobile-menu-btn,.hero-cta-btn,.login-btn,.signin-btn{display:none!important}.hero{background:#fff;padding:20px}.cta-section{padding:20px}}@media(max-width:768px){.header{padding:12px 16px}.logo{margin-right:12px}.logo-image{width:150px;height:40px}.search-icon{font-size:18px}.hero{grid-template-columns:1fr;gap:20px;padding:40px 16px}.hero h1{font-size:32px}.hero p{font-size:16px}.hero-cta-btn{padding:14px 24px;font-size:16px}.cta-section{grid-template-columns:1fr;padding:30px 16px;gap:16px}.cta-card{padding:24px}.cta-card h3{font-size:20px}.nav-links{position:fixed;top:60px;right:0;left:0;background:#fff;flex-direction:column;padding:20px;width:100%;max-height:calc(100vh - 70px);overflow-y:auto;box-shadow:0 4px 12px #0000001a;border-radius:0;display:none;z-index:9}.nav-left{display:flex;flex-direction:column;gap:0;width:100%}.nav-left button{width:100%;padding:14px 16px;text-align:left;font-size:15px;border-bottom:1px solid var(--border-light);border-radius:0}.nav-left button:last-child{border-bottom:none}.nav-right{display:flex;flex-direction:column;gap:0;width:100%;margin-left:0;margin-top:10px;border-top:2px solid var(--border-light);padding-top:10px}.nav-right>*{width:100%;padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-light);font-size:15px}.nav-right>*:last-child{border-bottom:none}.language-select{width:100%!important;margin-top:0!important}.nav-open{display:flex!important}.mobile-menu-btn{display:block;order:3}.search-icon{margin-left:auto;order:2}}@media(max-width:600px){.hero{padding:40px 16px}.hero h1{font-size:28px}.hero p{font-size:14px}.hero-cta-btn{padding:12px 20px;font-size:14px;width:100%}.hero-right{aspect-ratio:16/9;min-height:200px}.cta-section{grid-template-columns:1fr;padding:30px 16px;gap:16px}.cta-card{padding:20px}.cta-card h3{font-size:18px}.cta-card p{font-size:14px}}@media(max-width:480px){.header{padding:12px}.logo{margin-right:8px}.logo-image{width:125px;height:34px}.search-icon{margin-left:auto;order:2;font-size:18px}.mobile-menu-btn{order:3;font-size:24px}.nav-links{order:1;top:56px;padding:12px 0}.nav-left{width:100%}.nav-left button{padding:12px 16px;font-size:14px}.nav-right{margin-top:8px;padding-top:8px}.nav-right>*{padding:12px 16px;font-size:14px}.language-select{width:100%!important}.hero{padding:30px 12px;gap:16px}.hero h1{font-size:24px}.hero p{font-size:13px}.hero-cta-btn{padding:12px 18px;font-size:13px;width:100%}.hero-right{aspect-ratio:16/9;min-height:180px}.cta-section{padding:20px 12px;gap:12px}.cta-card{padding:16px}.cta-card h3{font-size:16px;margin-bottom:8px}.cta-card p{font-size:12px}.cta-card .arrow{font-size:16px}.search-modal{padding:16px;max-width:95%}.search-modal form{flex-direction:column}.search-modal input{width:100%;padding:10px 12px;font-size:14px}.search-modal .search-submit{width:100%;padding:12px 14px;font-size:14px}}.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,var(--accent-warm) 0%,#1f8356 100%);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.hero h1,.hero p,.hero .search-box{position:relative;z-index:2}.hero-cta-btn,.hero-actions{position:relative;z-index:10;pointer-events:auto!important}.hero h1{font-size:52px;font-weight:800;max-width:800px;margin:0 auto 20px}.hero p{font-size:20px;max-width:650px;margin:0 auto 40px;color:#e5e7eb}.animated-search{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.search-box{max-width:480px;background:#fff;margin:auto;display:flex;border-radius:10px;box-shadow:0 4px 12px #0003;overflow:hidden}.search-box input{flex:1;padding:14px 16px;font-size:16px;border:none;outline:none}.search-box button{background-color:#2563eb;color:#fff;padding:14px 24px;border:none;cursor:pointer;transition:.2s}.search-box button:hover{background-color:#1e40af}@media(max-width:600px){.hero{padding:80px 15px}.hero h1{font-size:36px}.hero p{font-size:16px}.search-box{flex-direction:column;border-radius:10px}.search-box input{border-radius:10px 10px 0 0}.search-box button{border-radius:0 0 10px 10px;padding:16px 24px}}.hero-left{display:flex;flex-direction:column;justify-content:center;text-align:left}.hero-right{display:flex;justify-content:center;align-items:center}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding:60px 20px;gap:30px}.hero-left{align-items:center;text-align:center}.hero-right{order:-1}.hero h1{font-size:32px;margin-left:auto;margin-right:auto}.hero p{font-size:18px;margin-left:auto;margin-right:auto}}.cta-section{display:flex;justify-content:center;gap:30px;padding:60px 20px;flex-wrap:wrap;background-color:#fff}.cta-box{background:#fff;padding:30px;width:300px;border-radius:12px;box-shadow:0 4px 10px #00000014;text-align:center;transition:.3s}.cta-box:hover{transform:translateY(-8px);box-shadow:0 6px 16px #00000026}.cta-btn{margin-top:15px;background:#2563eb;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:.2s}.cta-btn:hover{background:#1e40af}@media(max-width:640px){.cta-section{flex-direction:column;align-items:center}.cta-box{width:100%;max-width:350px}}.scroll-section{padding:60px 20px;background-color:#f9fafb}.scroll-title{text-align:center;font-size:32px;margin-bottom:20px;font-weight:700;color:#1f2937}.scroll-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.scroll-card{min-width:220px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #00000014;scroll-snap-align:start;text-align:center}.icon-circle{font-size:40px;margin-bottom:10px}.footer{background:linear-gradient(160deg,#0a2533,#0d3344 60%,#0a2533);color:#cbd5e1;border-top:3px solid #0d9488;margin-top:auto;width:100%;box-sizing:border-box;font-size:.92rem}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;max-width:1200px;margin:0 auto;padding:56px 32px 36px}.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.footer-logo{width:38px;height:38px;object-fit:contain}.footer-brand-name{font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.5px}.footer-tagline{color:#94a3b8;line-height:1.65;margin-bottom:20px;font-size:.88rem}.footer-socials{display:flex;gap:10px}.footer-social-link{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s,opacity .2s;opacity:.85}.footer-social-link:hover{transform:scale(1.15);opacity:1}.footer-social-link.whatsapp{background:#25d366;color:#fff}.footer-social-link.facebook{background:#1877f2;color:#fff}.footer-social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.footer-col-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #0d9488;display:inline-block}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links li button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.88rem;padding:0;transition:color .2s;text-align:left}.footer-links li button:hover{color:#14b8a6}.footer-links li span{color:#94a3b8;font-size:.88rem}.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-contact-list li{display:flex;align-items:flex-start;gap:10px;color:#94a3b8;font-size:.88rem;line-height:1.5}.footer-contact-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.footer-contact-list a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-contact-list a:hover{color:#14b8a6}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:18px 32px;display:flex;flex-direction:column;gap:4px;color:#64748b;font-size:.82rem}.footer-bottom-urdu{font-family:Noto Nastaliq Urdu,serif;direction:rtl;font-size:.85rem;color:#475569}@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:40px 20px 24px}}@media(max-width:540px){.footer-main{grid-template-columns:1fr;gap:24px;padding:32px 16px 20px}}.find-mechanic-page{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;background:#fff}.find-header-banner{padding:150px 20px;text-align:center;width:100%;box-sizing:border-box;position:relative;z-index:1;overflow:visible;background:linear-gradient(to bottom,#fff,#ffffffb3 5%,#fff0 20% 80%,#ffffffb3 95%,#fff),linear-gradient(165deg,#f0fdfa,#ccfbf1 40%,#107068)}.find-header-banner:before{content:"";position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;opacity:.1;mix-blend-mode:multiply;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 20%,black 80%,rgba(0,0,0,.3) 95%,transparent 100%)}.find-header-content{max-width:100%;width:100%;margin:0 auto 20px;padding:0 20px;box-sizing:border-box;position:relative;z-index:20}.find-logo{font-size:32px;font-weight:800;color:var(--primary);margin-bottom:10px}.find-title{font-size:40px;font-weight:800;background:linear-gradient(135deg,#115e59,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;letter-spacing:-.5px;line-height:1.2;filter:drop-shadow(0 2px 4px rgba(13,148,136,.1));max-width:800px;margin-left:auto;margin-right:auto}.find-form-container{display:flex;justify-content:center;align-items:center;gap:0;background:#fff;padding:8px;border-radius:50px;box-shadow:0 15px 40px #0000001f;max-width:900px;margin:0 auto;position:relative;z-index:5;border:1px solid rgba(13,148,136,.1);overflow:visible}.find-form-container .form-group{flex:1;display:flex;flex-direction:column;text-align:left;padding:10px 24px;position:relative}.find-form-container .form-group.divider{flex:0;width:1px;height:40px;background:#e2e8f0;padding:0}.input-with-icon{display:flex;align-items:center;gap:12px}.input-icon{color:var(--primary);flex-shrink:0}.find-form-container label{font-size:11px;color:var(--text-light);margin-bottom:2px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.find-mechanic-btn{background:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:0 35px;border:none;border-radius:40px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);height:54px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0d94884d}.find-mechanic-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d948866;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%)}.find-mechanic-btn:active{transform:translateY(0)}.custom-dropdown-container{position:relative;width:100%}.dropdown-label{display:block;margin-bottom:4px;cursor:default}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:154px;padding:8px 12px;border-radius:12px;background:transparent}.dropdown-trigger:hover{background:#0d948814;transform:translateY(-1px);color:var(--primary)}.dropdown-trigger:active{transform:scale(.98)}.dropdown-arrow{margin-left:8px;color:var(--text-light);transition:transform .3s ease,color .3s ease}.dropdown-trigger:hover .dropdown-arrow{color:var(--primary)}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 15px);left:-20px;right:-20px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;z-index:100;overflow:hidden;border:1px solid rgba(0,0,0,.05);min-width:200px}.dropdown-item{padding:12px 20px;cursor:pointer;transition:background .2s;font-size:15px;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary)}.dropdown-item:hover{background:var(--accent-warm);color:var(--primary)}.dropdown-item.selected{background:var(--accent-light);color:var(--primary-dark);font-weight:700}.check-mark{color:var(--primary);font-weight:700}@media(max-width:992px){.find-header-banner{padding:100px 50px}.find-title{font-size:40px}}@media(max-width:768px){.find-header-banner{padding:56px 16px 34px}.find-title{font-size:clamp(1.85rem,6.8vw,2.45rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin-bottom:22px;max-width:15ch}.find-form-container{flex-direction:column;align-items:stretch;gap:0;padding:16px 16px 18px;border-radius:34px;box-shadow:0 18px 42px #0f172a1f;max-width:100%;overflow:visible}.find-header-content{padding:0;margin-bottom:8px}.find-form-container .form-group{padding:14px 12px}.find-form-container .form-group.divider{display:none}.find-form-container .form-group+.form-group{border-top:1px solid rgba(148,163,184,.18)}.input-with-icon{align-items:flex-start;gap:12px}.input-icon{margin-top:34px}.custom-dropdown-container{min-width:0}.dropdown-label,.find-form-container label{font-size:.72rem;letter-spacing:.12em;margin-bottom:8px;color:#64748b}.dropdown-trigger{min-width:0;width:100%;padding:4px 0;border-radius:0;font-size:1.12rem;font-weight:700;line-height:1.25;background:transparent}.dropdown-trigger:hover,.dropdown-trigger:active{transform:none;background:transparent}.dropdown-menu{top:calc(100% + 10px);left:-8px;right:-8px;border-radius:18px;max-height:min(320px,48vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.find-mechanic-btn{min-width:100%;margin-top:12px;min-height:58px;height:auto;border-radius:999px;padding:16px 20px;font-size:1rem;font-weight:800;letter-spacing:-.02em;box-shadow:0 16px 30px #0d948838}}@media(max-width:480px){.find-header-banner{padding:48px 12px 28px}.find-title{font-size:clamp(1.7rem,7.8vw,2.15rem);font-weight:700;max-width:14ch;margin-bottom:18px}.find-form-container{padding:14px 14px 16px;border-radius:30px}.find-form-container .form-group{padding:12px 10px}.input-with-icon{gap:10px}.input-icon{width:18px;height:18px;margin-top:32px}.dropdown-trigger{font-size:1.02rem}.find-mechanic-btn{min-height:56px;font-size:.96rem}}.mechanic-listing-container{display:flex;width:100%;max-width:100%;margin:0;padding:20px;gap:20px;flex:1;overflow-x:hidden;box-sizing:border-box}.mechanic-trust-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.mobile-insight-toggles{display:none}.leaderboard-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.03)}.leaderboard-header{margin-bottom:24px}.leaderboard-card h3{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.5px}.leaderboard-subtitle{font-size:11px;color:var(--text-light);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.leaderboard-list{display:flex;flex-direction:column;gap:16px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:14px;transition:transform .2s ease}.leaderboard-item:hover{transform:scale(1.03);background:#f1f5f9}.rank-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#fff;box-shadow:0 2px 8px #0000000d}.rank-1{border:2px solid #fbbf24;background:#fffbeb}.rank-2{border:2px solid #94a3b8;background:#f8fafc}.rank-3{border:2px solid #b45309;background:#fff7ed}.leaderboard-info{display:flex;flex-direction:column}.leader-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.leader-stats{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.no-results-small{font-size:13px;color:var(--text-light);font-style:italic;text-align:center;padding:20px 0}.maintenance-tip-card{background:linear-gradient(135deg,#f0fdfa,#ccfbef);border-radius:20px;padding:24px;color:var(--text-primary);position:relative;overflow:hidden;border:1px solid rgba(13,148,136,.1);box-shadow:0 10px 25px #0d94880d}.maintenance-tip-card:before{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(13,148,136,.1) 0%,transparent 70%)}.tip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--primary)}.tip-tag{background:#0d94881a;color:var(--primary);padding:6px 12px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.maintenance-tip-card h4{font-size:18px;font-weight:800;margin-bottom:12px;color:#0f172a}.maintenance-tip-card p{font-size:13px;color:#475569;line-height:1.6;margin-bottom:22px}.read-more-btn{background:#fff;color:var(--primary);border:1px solid rgba(13,148,136,.2);padding:10px 20px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;width:fit-content}.read-more-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0d948833}@media(max-width:900px){.mechanic-listing-container{flex-direction:column;padding:0 10px;gap:20px}.mechanic-trust-sidebar{width:100%;border-radius:8px}}.mechanic-results{flex:1;min-width:0;max-width:100%;padding-right:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:16px 24px;border-radius:16px;box-shadow:0 4px 15px #00000008;flex-wrap:wrap;gap:20px;box-sizing:border-box}.sort-options{display:flex;align-items:center;gap:12px}.sort-by-label{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sort-btn{background:#f1f5f9;border:1px solid transparent;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.sort-btn:hover{background:#e2e8f0;color:var(--text-primary)}.sort-btn.active-sort{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0d948840}.search-by-name{position:relative;max-width:300px;width:100%}.search-icon-wrapper{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.6;display:flex;align-items:center;pointer-events:none}.search-by-name input{width:100%;padding:12px 16px 12px 42px;border-radius:14px;border:1px solid #e2e8f0;font-size:14px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#f8fafc;box-sizing:border-box;color:var(--text-primary)}.search-by-name input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #0d94881a;transform:translateY(-1px)}@media(max-width:650px){.mobile-insight-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:6px}.mobile-insight-toggle{min-height:54px;padding:13px 16px;border-radius:18px;border:1px solid rgba(13,148,136,.18);background:linear-gradient(135deg,#fffffffa,#ecfdfaf5);color:#0f172a;font-family:Outfit,Inter,Segoe UI,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.mobile-insight-toggle.is-open{background:linear-gradient(135deg,#14b8a6,#0f766e 55%,#0f172a);color:#fff;border-color:#0f172a14;box-shadow:0 16px 34px #0d94883d}.mobile-insight-toggle:hover,.mobile-insight-toggle:focus-visible{transform:translateY(-2px);border-color:#0d948847;box-shadow:0 16px 32px #0f172a1a}.mobile-insight-toggle:active{transform:translateY(1px)}.mechanic-trust-sidebar.mobile-insights-collapsed,.mobile-collapsible-panel.is-collapsed{display:none}.results-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 14px;border-radius:20px;margin-bottom:20px}.sort-options{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;padding:2px 0 0}.sort-by-label{width:100%;font-size:.74rem;letter-spacing:.14em;margin-bottom:2px}.sort-btn{flex:1 1 calc(50% - 5px);min-height:44px;padding:11px 12px;border-radius:14px;font-size:.9rem;line-height:1.25;text-align:center;background:linear-gradient(135deg,#f8fafc,#eef6f5);border-color:#0d948814;box-shadow:0 8px 18px #0f172a0a}.sort-btn.active-sort{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 10px 20px #0d948838}.search-by-name{max-width:100%}.mechanic-card-premium .primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mechanic-card-premium .primary-actions .message-btn{display:none}.mechanic-card-premium .primary-actions .action-btn{width:100%;min-height:50px}}.dark-mode .mobile-insight-toggle{background:linear-gradient(135deg,#0f172afa,#134e4af5);border-color:#5eead43d;color:#f8fafc;box-shadow:0 14px 30px #02061757}.dark-mode .mobile-insight-toggle.is-open{background:linear-gradient(135deg,#2dd4bf,#0f766e 58%,#0f172a);color:#fff}.dark-mode .sort-btn{border-color:#94a3b81f}.dark-mode .sort-btn.active-sort{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff}.mechanic-list{display:flex;flex-direction:column;gap:24px;flex:1}.mechanic-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000000d;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.mechanic-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000014;border-color:var(--primary-light)}.mechanic-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s;pointer-events:none}.mechanic-card:hover:after{left:140%}.mechanic-card-premium{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--spacing-lg);display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:var(--spacing-xl);transition:all var(--transition-smooth);position:relative;margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);overflow:visible}.mechanic-card-premium:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.report-mechanic-trigger{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-light);cursor:pointer;transition:color var(--transition-base);z-index:5}.report-mechanic-trigger:hover{color:#ef4444}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:reportFadeIn .2s ease}.report-modal{background:#fff;border-radius:16px;padding:30px;width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003;text-align:center;animation:reportSlideUp .25s ease}.report-modal h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.report-modal-icon{font-size:40px;margin-bottom:12px}.report-modal-icon.success{font-size:48px}.report-modal-sub{font-size:14px;color:#64748b;margin:0 0 20px;line-height:1.5}.report-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.report-btn-no{padding:10px 24px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.report-btn-no:hover{background:#e2e8f0}.report-btn-yes{padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.report-btn-yes:hover{background:#dc2626}.report-btn-yes:disabled{opacity:.5;cursor:not-allowed}.report-reasons-list{display:flex;flex-direction:column;gap:8px;text-align:left;margin:16px 0}.report-reason-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;font-size:14px;color:#334155}.report-reason-item:hover{border-color:#cbd5e1;background:#f8fafc}.report-reason-item.selected{border-color:#ef4444;background:#fef2f2;color:#991b1b}.report-reason-item input[type=radio]{accent-color:#ef4444;width:16px;height:16px;flex-shrink:0}.report-custom-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#334155;resize:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.report-custom-input:focus{outline:none;border-color:#ef4444}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reportSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .report-modal{background:#1e293b}.dark-mode .report-modal h3{color:#f1f5f9}.dark-mode .report-modal-sub{color:#94a3b8}.dark-mode .report-reason-item{border-color:#334155;color:#e2e8f0}.dark-mode .report-reason-item:hover{background:#0f172a}.dark-mode .report-reason-item.selected{border-color:#ef4444;background:#ef444426;color:#fca5a5}.dark-mode .report-custom-input{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark-mode .report-btn-no{background:#334155;border-color:#475569;color:#e2e8f0}.card-section-info{display:flex;gap:var(--spacing-md);align-items:flex-start}.profile-wrapper{display:flex;gap:20px;width:100%}.image-holder{position:relative;flex-shrink:0}.mechanic-thumb{width:110px;height:110px;border-radius:var(--radius-md);object-fit:cover;border:3px solid white;box-shadow:var(--shadow-sm)}.verified-check{position:absolute;bottom:-5px;right:-5px;background:var(--primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:var(--shadow-sm)}.name-shop-meta{flex:1}.mechanic-name-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.shop-name-subtitle{font-size:15px;color:var(--primary);font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:6px}.status-badges{display:flex;flex-direction:row;align-items:center;gap:6px}.emergency-toggle-display{display:flex;align-items:center;gap:6px;padding:4px 10px;margin-left:-12px;background:#f8fafc;border-radius:20px;width:fit-content;border:1px solid var(--border-light)}.emergency-toggle-display.active .dot{background:#ef4444;box-shadow:0 0 10px #ef444466}.emergency-toggle-display .dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.emergency-toggle-display .label{font-size:12px;font-weight:600;color:var(--text-secondary)}.open-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;width:fit-content}.open-badge.open{background:#dcfce7;color:#15803d}.open-badge.closed{background:#fee2e2;color:#b91c1c}.card-section-details{padding-left:var(--spacing-md);border-left:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;gap:10px}.detail-row{display:flex;align-items:center;gap:10px;font-size:14px}.detail-label{font-weight:600;color:var(--text-secondary);min-width:90px}.detail-value{color:var(--text-primary)}.rating-row{margin-top:5px;gap:15px}.card-photo-rating{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.star-rating{font-weight:700;color:#f59e0b;background:#fffbeb;padding:2px 8px;border-radius:8px}.review-stat{color:var(--text-light);font-size:13px}.new-mechanic-label{background:var(--primary-light);color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.card-section-actions{display:flex;flex-direction:column;justify-content:space-between;gap:15px}.primary-actions{display:flex;flex-direction:column;gap:8px}.primary-actions .action-btn{padding:10px;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-base);text-align:center}.view-btn{background:var(--primary);color:#fff;border:none}.view-btn:hover{background:var(--primary-dark)}.message-btn{background:#fff;color:var(--text-primary);border:1px solid var(--border-medium)}.message-btn:hover{background:var(--accent-warm);border-color:var(--primary)}.call-btn{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.call-btn:hover{background:#16a34a;color:#fff}.secondary-actions{display:flex;justify-content:center;gap:20px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--border-light)}.tool-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.tool-btn:hover{color:var(--primary);transform:scale(1.2)}.tool-btn.fav-btn:hover{color:#ef4444}.tool-btn.fav-btn.favorited{color:#ef4444;transform:scale(1.1)}.tool-btn.fav-btn.favorited:hover{transform:scale(1.3)}.fav-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#1e293b;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;animation:favTooltipIn .2s ease-out;z-index:100}.fav-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}@keyframes favTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dark-mode .mechanic-card-premium{background:#1e293b;border-color:#ffffff0d}.dark-mode .mechanic-name-title{color:#fff}.dark-mode .detail-value{color:#cbd5e1}.dark-mode .emergency-toggle-display{background:#0f172a;border-color:#ffffff1a}.dark-mode .message-btn{background:#0f172a;color:#fff;border-color:#ffffff1a}.dark-mode .secondary-actions{border-color:#ffffff1a}@media(max-width:992px){.mechanic-card-premium{grid-template-columns:1fr;gap:20px}.card-section-details{padding-left:0;border-left:none;border-top:1px solid var(--border-light);padding-top:20px}}.card-left{flex-shrink:0;width:100%;margin-right:0;margin-bottom:15px;text-align:center}.mechanic-image-container{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 10px;border:3px solid var(--primary)}.mechanic-image-placeholder{width:100%;height:100%;background-color:#e0f7f4;display:flex;align-items:center;justify-content:center;font-size:14px;padding:10px;color:var(--primary);text-align:center}.price-tag{font-size:18px;font-weight:500;color:var(--primary)}.card-right{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.mechanic-name{font-size:19px;font-weight:800;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.5px}.mechanic-rating{font-size:13px;color:#64748b;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:4px}.mechanic-expertise{font-size:14px;color:#475569;font-weight:600;margin-bottom:20px;min-height:40px;display:flex;align-items:center;justify-content:center}.mechanic-card-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto}.view-profile-btn,.call-now-btn{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;border:none;box-sizing:border-box}.view-profile-btn{background:#f1f5f9;color:var(--text-primary)}.view-profile-btn:hover{background:#e2e8f0}.call-now-btn{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;box-shadow:0 4px 12px #0d948833}.call-now-btn:hover{transform:scale(1.02);box-shadow:0 6px 15px #0d94884d;filter:brightness(1.1)}@media(max-width:900px){.mechanic-list{grid-template-columns:1fr}}@media(max-width:600px){.mechanic-list{grid-template-columns:1fr}.mechanic-card{flex-direction:column;align-items:center;text-align:center}.card-left{width:100%;margin-right:0;margin-bottom:15px}.mechanic-image-container{width:100px;height:100px}.card-right{align-items:center}.card-actions{display:flex;flex-direction:column;gap:10px;width:100%}.card-actions button{margin-right:0;width:100%}}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;max-width:100%;margin:0;padding:0}.become-mechanic{min-height:100vh;background:radial-gradient(circle at top right,#1a2036,#0b0f19);padding:0;font-family:Inter,sans-serif;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;color:#e2e8f0}.become-mechanic-hero{display:flex;align-items:center;gap:4rem;padding:4rem 0}.become-mechanic-hero-title{font-size:3.5rem;font-weight:900;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:3rem;letter-spacing:-.02em;position:relative;z-index:1}.become-mechanic-hero-title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle at center,rgba(13,148,136,.2),rgba(45,212,191,.2),transparent 70%);filter:blur(50px);z-index:-1;pointer-events:none}.become-mechanic{min-height:100vh;background:radial-gradient(circle at top right,#f0f9ff,#fff);padding:0;font-family:Inter,sans-serif;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;color:#1e293b}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.become-mechanic-hero{display:flex;align-items:center;gap:4rem;padding:6rem 0;position:relative;overflow:visible}.become-mechanic-hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100%;background-image:url(https://images.unsplash.com/photo-1613214049841-0289863a2aed?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;opacity:.05;mix-blend-mode:luminosity;pointer-events:none;z-index:0}.become-mechanic-hero-left{flex:1}.become-mechanic-hero-title{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin-bottom:2.5rem;letter-spacing:-.02em;position:relative;z-index:1}.steps-horizontal{display:flex;gap:3.5rem;margin-bottom:4rem;position:relative;padding-top:1rem}.step-item-new{flex:1;display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:2}.step-badge-new{width:44px;height:44px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;border-radius:8px;box-shadow:0 4px 12px #00000026}.step-item-new:nth-child(2) .step-badge-new,.step-item-new:nth-child(3) .step-badge-new{background:#f1f5f9;color:#94a3b8;box-shadow:none;border:1px solid #e2e8f0}.steps-connector-line{position:absolute;top:32px;left:40px;right:40px;height:1px;background:#e2e8f0;z-index:1}.step-text-new{display:flex;flex-direction:column;gap:.4rem}.step-title-new{font-size:1.3rem;font-weight:800;color:#1e293b;margin:0}.step-desc-new{font-size:.9rem;color:#64748b;margin:0;line-height:1.4;max-width:180px}.hero-button-container-new{display:flex;justify-content:flex-start}.hero-cta-btn-new{background:#4ade80;color:#111827;border:2px solid #111827;padding:1.1rem 2.8rem;font-size:1rem;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.05em}.hero-cta-btn-new:hover{background:#2dd4bf;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #4ade8033}.hero-image-stack-new{position:relative;width:480px;height:480px}.stack-layer{position:absolute;inset:0;border-radius:24px;background:#fff;box-shadow:0 20px 50px #0000001a;transition:transform .5s ease}.layer-3{transform:translate(-30px,-30px);opacity:.3}.layer-2{transform:translate(-15px,-15px);opacity:.6}.layer-1{z-index:10;overflow:hidden;background:none;box-shadow:0 25px 60px #0003}.hero-img-new{width:100%;height:100%;object-fit:cover;display:block}.dark-mode .become-mechanic-hero-title{color:#fff}.dark-mode .step-badge-new{background:#fff;color:#111827}.dark-mode .step-item-new:nth-child(2) .step-badge-new,.dark-mode .step-item-new:nth-child(3) .step-badge-new{background:#1e293b;color:#64748b;border-color:#334155}.dark-mode .step-title-new{color:#f8fafc}.dark-mode .step-desc-new{color:#94a3b8}.features-detail-section{display:flex;gap:1.5rem;padding:4rem 0;border-top:none;margin-top:2rem;counter-reset:feature-counter}.feature-detail-col{flex:1;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.75rem;background:#fff;border:1px solid #e8f0fe;border-radius:20px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;counter-increment:feature-counter}.feature-detail-col:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#0d9488,#2dd4bf)}.feature-detail-col:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.feature-detail-col:nth-child(3):before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.feature-detail-col:after{content:counter(feature-counter,decimal-leading-zero);position:absolute;top:1.25rem;right:1.5rem;font-size:2.5rem;font-weight:900;color:#0d948814;line-height:1;letter-spacing:-.04em;pointer-events:none}.feature-detail-col:nth-child(2):after{color:#3b82f614}.feature-detail-col:nth-child(3):after{color:#8b5cf614}.feature-detail-col:nth-child(1){background:linear-gradient(145deg,#f0fdfb,#fff 60%)}.feature-detail-col:nth-child(2){background:linear-gradient(145deg,#eff6ff,#fff 60%)}.feature-detail-col:nth-child(3){background:linear-gradient(145deg,#f5f3ff,#fff 60%)}.feature-detail-col:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000014;border-color:#dde7f7}.feature-detail-title{font-size:1.05rem;font-weight:700;color:#1e293b;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;margin-top:.5rem}.feature-detail-desc{font-size:.97rem;color:#64748b;line-height:1.65;font-weight:400}.dark-mode .features-detail-section{border-top-color:transparent}.dark-mode .feature-detail-col{background:#1e293b;border-color:#334155}.dark-mode .feature-detail-col:nth-child(1){background:linear-gradient(145deg,#0f2520,#1e293b 60%)}.dark-mode .feature-detail-col:nth-child(2){background:linear-gradient(145deg,#0f1f35,#1e293b 60%)}.dark-mode .feature-detail-col:nth-child(3){background:linear-gradient(145deg,#1a1230,#1e293b 60%)}.dark-mode .feature-detail-col:after{opacity:.4}.dark-mode .feature-detail-title{color:#f1f5f9}.dark-mode .feature-detail-desc{color:#94a3b8}@media(max-width:992px){.features-detail-section{flex-direction:column;gap:1.25rem}}.dark-mode .steps-connector-line{background:#334155}.dark-mode .stack-layer{background:#0f172a;box-shadow:0 20px 50px #00000080}.become-mechanic.rtl .become-mechanic-hero{flex-direction:row}.become-mechanic.rtl .become-mechanic-hero-left{text-align:right}.become-mechanic.rtl .hero-button-container-new{justify-content:flex-end}.become-mechanic.rtl .step{flex-direction:row-reverse;text-align:right}.become-mechanic.rtl .step:hover{transform:translate(-10px)}.become-mechanic.rtl .benefits-list{text-align:right}.become-mechanic.rtl .benefit-item{flex-direction:row-reverse}.become-mechanic-hero-right{flex:1;display:flex;justify-content:center;position:relative}.hero-image-wrapper{position:relative;padding:10px;background:linear-gradient(45deg,#ffffff1a,#fff0);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}@keyframes slowShake{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,2px) rotate(1deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(-2px,2px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.hero-image{width:100%;max-width:480px;border-radius:20px;display:block;filter:contrast(1.1) brightness(1.1);animation:slowShake 6s ease-in-out infinite}.hero-image-bg{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(13,148,136,.25) 0%,transparent 70%);z-index:-1;filter:blur(40px)}.cta-section{text-align:center;padding:4rem 2rem;background:#fff9;border-radius:1.5rem;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:4rem;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}.cta-button{background:var(--primary);color:#fff;font-weight:800;font-size:1.1rem;padding:1rem 2.8rem;border-radius:9999px;border:none;cursor:pointer;box-shadow:0 10px 25px #0d948833;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:10}.cta-button:hover{background:var(--primary-dark);transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0d94884d;filter:brightness(1.05)}.dashboard-showcase{margin-bottom:4rem;padding:2rem;background:#fff6;border-radius:2rem;border:1px solid rgba(14,165,233,.1);box-shadow:inset 0 0 40px #0ea5e90d}.showcase-content{display:flex;align-items:center;gap:3rem;text-align:left}.showcase-text{flex:1}.showcase-text h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:1.5rem;line-height:1.2}.showcase-text p{font-size:1.15rem;color:#475569;line-height:1.7;margin-bottom:2rem}.showcase-stats{display:flex;gap:2rem}.stat-card{background:#fff;padding:1rem 1.5rem;border-radius:1rem;display:flex;flex-direction:column;box-shadow:0 4px 12px #0ea5e914;border:1px solid rgba(14,165,233,.05)}.stat-value{font-size:1.5rem;font-weight:800;color:#0ea5e9}.stat-label{font-size:.85rem;color:#64748b;text-transform:uppercase;font-weight:600}.showcase-visual{flex:1;display:flex;justify-content:center}.floating-dashboard{position:relative;width:100%;max-width:500px;animation:floatDashboard 6s ease-in-out infinite}.dashboard-img{width:100%;border-radius:1.5rem;box-shadow:0 30px 60px #0006;border:1px solid rgba(255,255,255,.1)}.glow-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);z-index:-1;animation:glowPulse 4s ease-in-out infinite}.benefits{margin-top:4rem}.benefits-title{font-size:2rem;color:#1e293b;margin-bottom:2rem;font-weight:700}.benefits-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:left;max-width:800px;margin:0 auto}.benefit-item{display:flex;align-items:center;gap:1rem;color:#334155;font-size:1.1rem;background:#fff9;padding:1rem;border-radius:.75rem}.check-icon{width:24px;height:24px;color:#38bdf8;flex-shrink:0}@media(max-width:900px){.become-mechanic-hero{flex-direction:column;gap:3rem;padding:2rem 0}.become-mechanic-hero-title{font-size:2.5rem;text-align:center}.become-mechanic-hero-right{width:100%}.hero-image{width:100%;height:auto}.cta-button{width:100%;padding:1rem;font-size:1.1rem}.benefits-list{grid-template-columns:1fr}}.become-mechanic-page{display:flex;justify-content:center;align-items:center;padding:60px 20px;min-height:100vh;background:radial-gradient(circle at 0% 0%,#f0fdfa,#fff,#e0f2fe);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.signup-container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--glass-border);width:100%;max-width:500px;text-align:center;position:relative;animation:cardPopUp .8s cubic-bezier(.2,.8,.2,1) forwards}.signup-container h2{font-size:32px;font-weight:900;color:var(--text-primary);margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.signup-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.social-signup-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.social-btn{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;cursor:pointer;transition:.2s;font-weight:600}.google-btn{background-color:#fff;color:#4b5563}.google-btn:hover{background-color:#f3f4f6}.facebook-btn{background-color:#1877f2;color:#fff;border-color:#1877f2}.facebook-btn:hover{background-color:#156ad8}.divider{display:flex;align-items:center;text-align:center;color:#9ca3af;margin-bottom:30px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.email-signup-form{display:flex;flex-direction:column;gap:20px}.input-group{text-align:left}.input-group label{display:block;font-size:14px;color:#4b5563;margin-bottom:5px;font-weight:600}.email-signup-form input{width:100%;padding:14px 18px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);transition:all var(--transition-base)}.email-signup-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0d94881a;outline:none}.get-started-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:14px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:18px;font-weight:700;transition:all var(--transition-base);margin-top:10px;box-shadow:var(--shadow-primary)}.get-started-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover);filter:brightness(1.1)}.login-link{margin-top:25px;font-size:14px;color:var(--text-secondary)}.login-link a{color:var(--primary);text-decoration:none;font-weight:700;transition:all var(--transition-base)}.login-link a:hover{color:var(--primary-light);text-decoration:underline}.home-cta-cards{padding:var(--spacing-4xl) 0;background:#fff}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.home-cta-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,242,255,.1);border-radius:24px;padding:40px 30px;text-align:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 10px 30px #00000008;overflow:hidden}.cta-card-top-border{position:absolute;top:0;left:15%;right:15%;height:4px;background:linear-gradient(90deg,#00f2ff,#22d3ee);border-radius:0 0 10px 10px}.home-cta-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0d94881a;background:#ffffffe6}.cta-icon-wrapper{margin-bottom:25px;display:flex;justify-content:center}.cta-icon{font-size:42px}.home-cta-card h3{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:15px}.home-cta-card p{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:30px}.cta-arrow{font-size:24px;color:#0d9488;font-weight:700;transition:transform .3s ease}.home-cta-card:hover .cta-arrow{transform:translate(10px)}.section-title{position:relative}.title-underline{display:block;width:60px;height:4px;background:#00f2ff;margin:15px auto 0;border-radius:2px}.why-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-choose-content{display:flex;flex-direction:column;gap:30px}.feature-card{display:flex;gap:25px;padding:30px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.03);transition:all .3s ease;box-shadow:0 4px 6px #00000003}.feature-card:hover{transform:translate(10px);box-shadow:0 10px 30px #0000000d;border-color:#00f2ff}.feature-icon-box{width:64px;height:64px;min-width:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.feature-icon-box.yellow{background:#fef9c3}.feature-text h4{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:8px}.feature-text p{font-size:15px;color:#64748b;line-height:1.6}.main-expert-img{width:100%;border-radius:32px;box-shadow:0 30px 60px #0000001a;border:8px solid #ffffff;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s ease;cursor:pointer;overflow:hidden}.main-expert-img:hover{transform:scale(1.08);box-shadow:0 40px 80px #00000026}@media(max-width:1024px){.cta-grid,.why-choose-grid{grid-template-columns:1fr;gap:40px}}.home-cta-cards{padding:80px 0;background:#fff}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.home-cta-card{background:#fff;border-radius:24px;padding:50px 30px;text-align:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 10px 40px #0000000a;border:1px solid rgba(0,242,255,.05)}.cta-card-top-border{position:absolute;top:0;left:20%;right:20%;height:4px;background:#00f2ff;border-radius:0 0 4px 4px}.home-cta-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00f2ff1a}.cta-icon-wrapper{margin-bottom:25px}.cta-icon{font-size:48px;display:block}.home-cta-card h3{font-size:26px;font-weight:800;color:#0f172a;margin-bottom:12px}.home-cta-card p{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:25px}.cta-arrow{font-size:26px;color:#0d9488;margin-top:auto}.why-choose-us{padding:100px 0;background:#fff}.section-header{text-align:center;margin-bottom:70px}.section-title{position:relative;display:inline-block}.title-underline{display:block;width:80px;height:4px;background:#00f2ff;margin:15px auto 0;border-radius:2px}.why-choose-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}.why-choose-content{display:flex;flex-direction:column;gap:20px}.feature-card{display:flex;gap:20px;padding:25px;background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.03);transition:all .4s ease}.feature-card:hover{transform:translate(10px);box-shadow:0 15px 35px #00f2fc1a;border-color:#00f2ff}.feature-icon-box{width:68px;height:68px;min-width:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px}.feature-icon-box.cyan{background:#e0fcfc}.feature-icon-box.light-blue{background:#e0f2fe}.feature-icon-box.yellow{background:#ecfdf5}.feature-text h4{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:6px}.feature-text p{font-size:16px;color:#64748b;line-height:1.6}.main-expert-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:40px;box-shadow:0 40px 80px #0000001f;border:4px solid #ffffff}@media(max-width:1024px){.cta-grid,.why-choose-grid{grid-template-columns:1fr;padding:0 20px}}@media(max-width:1024px){.become-mechanic-page{padding:80px 100px}}@media(max-width:600px){.become-mechanic-page{padding:40px 20px}.signup-container{padding:30px 20px}}.login-page-container{display:flex;justify-content:center;align-items:center;padding:80px 20px;min-height:calc(100vh - 80px);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;position:relative;background:linear-gradient(to bottom,#fff,#fffc 5%,#fff0 15% 85%,#fffc 95%,#fff),linear-gradient(165deg,#f0fdfa,#79a79d 40%,#07665e)}.login-page-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,148,136,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}.login-page-container:after{content:"";position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1493238792000-8113da705763?q=80&w=2000&auto=format&fit=crop);background-size:cover;background-position:center;opacity:.08;mix-blend-mode:multiply;pointer-events:none;z-index:0;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 15%,black 85%,rgba(0,0,0,.3) 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 5%,black 15%,black 85%,rgba(0,0,0,.3) 95%,transparent 100%)}.login-card-wrapper{background:#ccfbf1f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:50px 40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d;width:100%;max-width:440px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;z-index:10;overflow:visible}.login-card-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(45,212,191,.1) 0%,transparent 60%);pointer-events:none;z-index:-1}.login-card-wrapper h2{font-size:24px;background:linear-gradient(135deg,#2dd4bf,#0d9488);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;font-weight:800;letter-spacing:-1px}.login-subtitle{font-size:16px;color:#475569;margin-bottom:40px}.role-selection-buttons{display:flex;gap:16px;margin-bottom:30px}.role-btn{flex:1;padding:16px 12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#fff;color:#334155;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.role-btn:hover{background:#2dd4bf1a;border-color:#2dd4bf;transform:translateY(-2px);color:#f0f9ff}.role-btn.active-role{background:linear-gradient(135deg,#0d948833,#2dd4bf33);color:#2dd4bf;border-color:#2dd4bf;box-shadow:0 0 20px #2dd4bf26;transform:scale(1.02)}.login-form-slide{max-height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.login-form-slide.form-visible{max-height:1100px;opacity:1;padding-top:10px}.login-form{display:flex;flex-direction:column;gap:20px;padding:0;border:none;background:transparent;box-shadow:none;text-align:left}.form-header{font-size:20px;color:#e2e8f0;margin-bottom:5px;font-weight:700;text-align:center}.login-form input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;background-color:#fff;color:#1e293b;border:1px solid #cbd5e1}.login-form input::placeholder{color:#64748b}.login-form input:focus{border-color:#2dd4bf;outline:none;background-color:#0f172acc;box-shadow:0 0 0 3px #2dd4bf26}.login-form label{font-size:13px;color:#94a3b8;margin-bottom:6px;font-weight:600;margin-left:4px}.login-submit-btn{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;padding:16px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s;margin-top:10px;box-shadow:0 4px 12px #0d94884d;position:relative;overflow:hidden}.login-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:.3s}.login-submit-btn:hover{background:linear-gradient(135deg,#14b8a6,#0d9488);transform:translateY(-2px);box-shadow:0 8px 25px #0d948880}.login-submit-btn:hover:before{opacity:1}.forgot-password{margin-top:30px;font-size:14px;color:#64748b}.forgot-password a{color:#2dd4bf;text-decoration:none;font-weight:600;transition:.2s}.forgot-password a:hover{color:#5eead4;text-shadow:0 0 10px rgba(94,234,212,.3)}@media(max-width:1024px){.login-page-container{padding:60px 20px}}@media(max-width:600px){.login-page-container{padding:40px 16px}.login-card-wrapper{padding:40px 24px}.role-selection-buttons{flex-direction:row}}.mechanic-profile-page{display:flex;justify-content:center;padding:50px 20px;background-color:#f3f4f6;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.profile-form-container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:var(--glass-border);width:100%;max-width:800px;margin:40px auto;animation:cardPopUp .8s cubic-bezier(.2,.8,.2,1) forwards}.profile-form-container h2{font-size:36px;font-weight:900;color:var(--text-primary);margin-bottom:var(--spacing-xs);text-align:center;letter-spacing:-.02em}.form-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);text-align:center}.profile-form-container .input-group{margin-bottom:var(--spacing-lg)}.profile-form-container input[type=text],.profile-form-container input[type=tel],.profile-form-container select{width:100%;padding:14px 18px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);transition:all var(--transition-base)}.profile-form-container input:focus,.profile-form-container select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0d94881a;outline:none}.expertise-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.expertise-checkbox{display:inline-flex;align-items:center;padding:10px 20px;background:#fff;border:1px solid var(--border-light);border-radius:99px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.expertise-checkbox:hover{border-color:var(--primary-light);background:var(--accent-warm)}.expertise-checkbox input[type=checkbox]{display:none}.expertise-checkbox.checked{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-primary)}@media(min-width:481px){.expertise-checkbox{flex-grow:0}}@media(max-width:480px){.expertise-checkbox{width:100%;justify-content:flex-start}}.expertise-checkbox input[type=checkbox]{margin-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid #9ca3af;border-radius:3px;cursor:pointer;position:relative;top:1px}.expertise-checkbox input[type=checkbox]:checked{background-color:#2563eb;border-color:#2563eb}.expertise-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff}.expertise-checkbox:has(input[type=checkbox]:checked){background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.map-btn{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.map-btn:hover{background-color:#45a049}.location-hint{display:block;margin-top:5px;font-size:12px;color:#6b7280}.image-upload-slot{border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .2s}.mechanic-pic-slot{width:200px;margin:0 auto;background-image:url(https://images.unsplash.com/photo-1544256718-3298a221f70d?w=300&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTIwfHxtZWNoYW5pYyUyMHBvcnRyYWl0fGVufDB8fDB8fHww)}.shop-picture-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.shop-pic-slot{height:120px}.shop-picture-slots .image-upload-slot:nth-child(1){background-image:url(https://images.unsplash.com/photo-1550993079-503c51f5c68b?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTQyfHxhdXRvJTIwc2hvcCUyMGV4dGVyaW9yfGVufDB8fDB8fHww)}.shop-picture-slots .image-upload-slot:nth-child(2){background-image:url(https://images.unsplash.com/photo-1599818258384-ad4b9868c62b?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjYwfHxhdXRvJTIwc2hvcCUyMGludGVyaW9yfGVufDB8fDB8fHww)}.shop-picture-slots .image-upload-slot:nth-child(3){background-image:url(https://images.unsplash.com/photo-1627915598587-8494c25f4692?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzJ8fG1lY2hhbmljJTIwdG9vbHN8ZW58MHx8MHx8fDA%3D)}.shop-picture-slots .image-upload-slot:nth-child(4){background-image:url(https://images.unsplash.com/photo-1621905251918-be3e696f8c79?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fGdlYXJhZ2V8ZW58MHx8MHx8fDA%3D)}.upload-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;color:#fff;font-weight:500;font-size:14px;background-color:#0000008c;transition:background-color .2s,color .2s}.upload-label:hover{background-color:#000000b3;color:#fff}.upload-label.uploaded{color:#10b981;background-color:#f0fdf4;border:2px solid #10b981}.upload-label.uploaded .placeholder-content{display:none}.uploaded-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.submit-profile-btn{width:100%;background-color:#2563eb;color:#fff;padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;transition:.2s;margin-top:30px}.submit-profile-btn:hover{background-color:#1e40af}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;width:100%;position:relative;z-index:2}.placeholder-icon{font-size:32px;margin-bottom:5px;color:#fff}.placeholder-text{font-size:13px;line-height:1.2}.mechanic-pic-slot .placeholder-icon{font-size:40px}.shop-pic-slot .placeholder-icon{font-size:24px}@media(max-width:768px){.profile-form-container{padding:20px}.mechanic-pic-slot{width:150px;height:150px}.shop-picture-slots{grid-template-columns:1fr 1fr}}@media(max-width:480px){.shop-picture-slots{grid-template-columns:1fr}}.login-page-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;min-height:calc(100vh - 120px);background:linear-gradient(135deg,#f4f7f9,#e0f2fe)}.login-card-wrapper{background:#fff;padding:40px 20px;border-radius:12px;box-shadow:0 10px 30px #00000026;width:100%;max-width:400px;text-align:center;transition:all .3s ease-in-out;box-sizing:border-box}.login-card-wrapper h2{font-size:24px;color:#2563eb;margin-bottom:5px;font-weight:700}.login-subtitle{font-size:16px;color:#6b7280;margin-bottom:30px}.role-selection-buttons{display:flex;gap:15px;margin-bottom:30px}.role-btn{flex:1;padding:12px 10px;border:2px solid #d1d5db;border-radius:8px;background-color:#f9fafb;color:#4b5563;font-weight:600;cursor:pointer;transition:all .3s;font-size:15px}.role-btn:hover{border-color:#93c5fd;background-color:#eff6ff}.role-btn.active-role{background-color:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 10px #2563eb4d;transform:translateY(-2px)}.login-form-slide{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out}.login-form-slide.form-visible{max-height:500px;padding-top:20px}.login-form{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000000d}.form-header{font-size:22px;color:#1f2937;margin-bottom:5px;font-weight:600}.login-form input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s;background-color:#f9fafb}.login-form input:focus{border-color:#2563eb;outline:none;background-color:#fff}.login-submit-btn{background-color:#2563eb;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;transition:.2s;margin-top:10px}.login-submit-btn:hover{background-color:#1e40af}.forgot-password{margin-top:25px;font-size:14px;color:#6b7280}.forgot-password a{color:#ef4444;text-decoration:none;font-weight:600}.forgot-password a:hover{text-decoration:underline}@media(max-width:1024px){.login-page-container{padding:80px 100px}}@media(max-width:600px){.login-page-container{padding:40px 20px}.login-card-wrapper{padding:30px 20px}}.mechanic-profile.page{display:grid;grid-template-columns:4fr 400px;gap:32px;padding:120px;font-family:Inter,Segoe UI,Arial,sans-serif;color:#111827;align-items:start;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.profile-main{background:transparent}.profile-header{display:flex;gap:20px;align-items:center;margin-bottom:28px}.profile-photo img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:2px solid #f3f3f5;box-shadow:0 2px 6px #0a0a0a0a}.profile-meta .profile-name{margin:0;font-size:36px;font-weight:800}.profile-sub{margin-top:6px;color:#6b7280;font-weight:600}.profile-summary{margin-top:14px;line-height:1.7;color:#374151;max-width:760px}.shop-name{margin-top:12px;font-weight:700;color:#111827}.shop-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;margin-bottom:24px}.shop-photo img{width:100%;height:90px;object-fit:cover;border-radius:10px;border:1px solid #e6e6e9}.location-rating h3{margin-bottom:8px}.location-placeholder{background:#fafafa;border:1px dashed #e5e7eb;padding:18px;border-radius:8px;margin-bottom:12px;color:#6b7280}.rating-block{margin-top:12px;display:flex;align-items:center;gap:14px}.rating-main{display:flex;align-items:center;gap:14px}.rating-value{font-size:28px;font-weight:700}.stars{color:#f59e0b;font-weight:700}.reviews-section{margin-top:22px}.single-review{padding:14px;border-radius:10px;border:1px solid #f0f0f2;margin-bottom:12px;background:#fff}.review-head{display:flex;justify-content:space-between;align-items:center}.review-comment{margin-top:8px;color:#374151}.profile-actions{margin-top:18px;display:flex;gap:12px}.contact-btn,.back-btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer}.contact-btn{background:#111827;color:#fff}.back-btn{background:transparent;border:1px solid #e5e7eb}.profile-sidebar{position:sticky;top:24px;height:fit-content}.sidebar-card{border-radius:12px;border:1px solid #e9e8ee;padding:40px;background:#fff}.sidebar-stats{display:flex;justify-content:space-between;margin-bottom:20px}.message-btn,.save-btn{width:100%;padding:10px;border-radius:10px;margin-bottom:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.free-switch{display:flex;gap:12px;align-items:center;background:#e6fffa;padding:10px;border-radius:10px;margin-top:12px}.free-switch img{width:40px;height:40px;border-radius:6px;object-fit:cover}.response-time{margin-top:12px;color:#6b7280;font-size:13px}@media(max-width:980px){.mechanic-profile.page{grid-template-columns:1fr;padding:20px}.shop-photos{grid-template-columns:repeat(2,1fr)}.profile-photo img{width:80px;height:80px}}.how-it-works{padding:var(--spacing-4xl) var(--spacing-xl);background:var(--bg-futuristic)}.steps-container{display:flex;justify-content:space-around;max-width:1100px;margin:0 auto;position:relative}.steps-container:after{content:"";position:absolute;top:50px;left:10%;right:10%;height:2px;background:dashed var(--border-medium);z-index:1}.work-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:250px;text-align:center}.step-circle{width:70px;height:70px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-primary)}@keyframes cardPopUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-slide-in-left{opacity:0;animation:slideInLeft .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-slide-in-right{opacity:0;animation:slideInRight .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-scale-in{opacity:0;animation:scaleIn .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}@keyframes floatDashboard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.why-choose-content .feature-card{opacity:0}.why-choose-image{opacity:0;transform:translate(100px)}.section-header{opacity:0;transform:translateY(30px);text-align:center;width:100%;margin-bottom:2rem}.why-choose-content .feature-card:nth-child(1){transform:translate(100px)}.why-choose-content .feature-card:nth-child(2){transform:translate(100px)}.why-choose-content .feature-card:nth-child(3){transform:translate(100px)}.why-choose-content .feature-card:nth-child(1).animate-in{animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.why-choose-content .feature-card:nth-child(2).animate-in{animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.why-choose-content .feature-card:nth-child(3).animate-in{animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.why-choose-image.animate-in{animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards}.section-header.animate-in{animation:fadeInUp .6s ease-out forwards}.why-choose-image.animate-in{animation-delay:0s}.why-choose-content .feature-card:nth-child(1).animate-in{animation-delay:.05s}.why-choose-content .feature-card:nth-child(2).animate-in{animation-delay:.35s}.why-choose-content .feature-card:nth-child(3).animate-in{animation-delay:.65s}.how-it-works{padding:20px 0 80px;background:linear-gradient(135deg,#fff 0% 50%,#fff);position:relative;overflow:hidden}.how-it-works .container{position:relative;z-index:2}.how-it-works .section-header{margin-bottom:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:10px}.step-card{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:0;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 40px #0000000d;transition:all .5s cubic-bezier(.25,.46,.45,.94);overflow:hidden;position:relative;opacity:0;transform:translateY(50px)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#00f2ff,#22d3ee,#0ea5e9);opacity:0;transition:opacity .3s ease}.step-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px #0d948826;border-color:#22d3ee4d}.step-card:hover:before{opacity:1}.step-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#e0f2fe,#f0fdfa)}.step-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.step-card:hover .step-image{transform:scale(1.1)}.step-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(34,211,238,.2) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.step-card:hover .step-glow{opacity:1}.step-content{padding:35px 30px;position:relative}.step-number-box{position:absolute;top:-30px;left:30px;width:60px;height:60px;background:linear-gradient(135deg,#00f2ff,#0ea5e9);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0ea5e966;transition:all .3s ease}.step-card:hover .step-number-box{transform:rotate(5deg) scale(1.1);box-shadow:0 15px 40px #0ea5e999}.step-number{font-size:24px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.step-content h3{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:12px;margin-top:20px;letter-spacing:-.01em}.step-content p{font-size:15px;color:#64748b;line-height:1.7;margin:0}.step-card.animate-in{animation:slideInUp 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.step-card:nth-child(1).animate-in{animation-delay:.1s}.step-card:nth-child(2).animate-in{animation-delay:.3s}.step-card:nth-child(3).animate-in{animation-delay:.5s}@media(max-width:1024px){.steps-grid{grid-template-columns:1fr;gap:30px}.how-it-works{padding:80px 0}.step-image-wrapper{height:200px}}@media(max-width:768px){.how-it-works{padding:60px 0}.step-image-wrapper{height:180px}.step-content{padding:30px 20px}.step-content h3{font-size:20px}.step-number-box{width:50px;height:50px;top:-25px;left:20px}.step-number{font-size:20px}}.home-cta-section{padding:100px 0;background:linear-gradient(135deg,#f0fdfa,#fff,#e0f2fe);position:relative;overflow:hidden}.home-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.1) 0%,transparent 50%);pointer-events:none}.cta-section-header{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(30px)}.cta-section-header.animate-in{animation:fadeInUp .6s ease-out forwards}.cta-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cta-image-column{position:relative;opacity:0;transform:translate(-80px)}.cta-image-column.animate-in{animation:slideInFromLeft .8s cubic-bezier(.25,.46,.45,.94) forwards}.cta-image-wrapper{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 30px 80px #0d948826}.cta-floating-image{width:100%;height:auto;display:block;border-radius:32px;animation:floatImage 6s ease-in-out infinite;transition:transform .5s ease}@keyframes floatImage{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}.cta-image-wrapper:hover .cta-floating-image{transform:scale(1.05);animation-play-state:paused}.cta-image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(34,211,238,.3) 0%,transparent 70%);opacity:.7;animation:glowPulse 4s ease-in-out infinite;pointer-events:none;z-index:-1}.cta-cards-column{display:flex;flex-direction:column;gap:20px;opacity:0;transform:translate(80px)}.cta-cards-column.animate-in{animation:slideInFromRight .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.2s}.cta-service-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:30px;display:flex;align-items:center;gap:25px;border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cta-service-card:hover{background:#fffffff2;transform:translate(10px) scale(1.02);box-shadow:0 20px 40px #0d94881a;border-color:var(--primary-light)}.cta-service-card .service-card-arrow{font-size:24px;color:var(--primary);transition:transform .3s ease}.cta-service-card:hover .service-card-arrow{transform:translate(5px)}.cta-service-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#00f2ff,#22d3ee,#0ea5e9);opacity:0;transition:opacity .3s ease}.cta-service-card:hover{transform:translate(10px) scale(1.02);box-shadow:0 20px 60px #0d948826;border-color:#22d3ee4d;background:#fffffff2}.cta-service-card:hover:before{opacity:1}.service-card-icon{width:70px;height:70px;min-width:70px;background:linear-gradient(135deg,#00f2ff,#0ea5e9);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 10px 30px #0ea5e94d;transition:all .3s ease}.cta-service-card:hover .service-card-icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 15px 40px #0ea5e980}.service-card-content{flex:1}.service-card-content h3{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.01em}.service-card-content p{font-size:15px;color:#64748b;line-height:1.6;margin:0}.service-card-arrow{font-size:28px;color:#0d9488;font-weight:700;transition:transform .3s ease;opacity:.7}.cta-service-card:hover .service-card-arrow{transform:translate(10px);opacity:1}.cta-service-card:nth-child(1){opacity:0;transform:translate(50px)}.cta-service-card:nth-child(2){opacity:0;transform:translate(50px)}.cta-service-card:nth-child(3){opacity:0;transform:translate(50px)}.cta-cards-column.animate-in .cta-service-card:nth-child(1){animation:slideInCard .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s}.cta-cards-column.animate-in .cta-service-card:nth-child(2){animation:slideInCard .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s}.cta-cards-column.animate-in .cta-service-card:nth-child(3){animation:slideInCard .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.7s}@keyframes slideInCard{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.cta-main-grid{grid-template-columns:1fr;gap:50px}.cta-image-column{order:2}.cta-cards-column{order:1}.home-cta-section{padding:80px 0}}@media(max-width:768px){.home-cta-section{padding:60px 0}.cta-service-card{flex-direction:column;text-align:center;padding:25px}.service-card-icon{width:60px;height:60px;min-width:60px;font-size:28px}.service-card-content h3{font-size:20px}.service-card-content p{font-size:14px}.service-card-arrow{font-size:24px;margin-top:10px}.cta-service-card:hover{transform:translateY(-5px) scale(1.01)}}.dark-mode .home-cta-section{background:linear-gradient(135deg,#0b1220,#111827 55%,#0f172a)}.dark-mode .home-cta-section:before{background:radial-gradient(circle at 80% 20%,rgba(45,212,191,.12) 0%,transparent 55%)}.dark-mode .cta-image-wrapper{box-shadow:0 24px 70px #00000073}.dark-mode .cta-service-card{background:#1e293bc7;border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 32px #00000059}.dark-mode .cta-service-card:hover{background:#1e293bf2;border-color:#2dd4bf80;box-shadow:0 22px 50px #00000073}.dark-mode .service-card-content h3{color:#f8fafc}.dark-mode .service-card-content p{color:#cbd5e1}.dark-mode .service-card-arrow{color:#2dd4bf;opacity:.95}.animate-from-left,.animate-from-right,.animate-from-top,.animate-from-bottom,.animate-zoom,.animate-blur,.animate-card-3d{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94),filter .8s ease;will-change:opacity,transform,filter}.animate-from-left{transform:translate(-100px)}.animate-from-right{transform:translate(100px)}.animate-from-bottom{transform:translateY(100px)}.animate-from-top{transform:translateY(-100px)}.animate-zoom{transform:scale(.5) perspective(500px) translateZ(-200px)}.animate-blur{filter:blur(20px);transform:scale(1.1)}.animate-card-3d{transform:perspective(1000px) rotateY(90deg);transform-origin:center}.animate-in{opacity:1!important;transform:translate(0) scale(1) rotate(0)!important;filter:blur(0px)!important}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.hero-refined{display:flex;align-items:center;justify-content:space-between;padding:6rem 5%;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:85vh;position:relative;overflow:hidden}.hero-refined:before{content:"";position:absolute;inset:0;background:url(/home.jpg) center/cover no-repeat;opacity:.15;filter:contrast(1.2);z-index:0}.hero-refined-left{flex:1;max-width:600px;position:relative;z-index:2;padding-right:50px}.hero-refined h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-1px}.hero-refined p{font-size:1.25rem;color:#cbd5e1;margin-bottom:2.5rem;line-height:1.6}.hero-refined-right{flex:1;height:500px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;transform:perspective(1000px) rotateY(-5deg);transition:transform .5s ease;z-index:2}.hero-refined-right:hover{transform:perspective(1000px) rotateY(0)}.hero-refined-right img{width:100%;height:100%;object-fit:cover}.benefits-section{padding:6rem 5%;background:#f8fafc;position:relative;overflow:hidden}.benefits-container{max-width:1200px;margin:0 auto;position:relative}.benefit-slide{display:flex;align-items:center;gap:4rem;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000000d;padding:3rem;min-height:400px;transition:opacity .5s ease}.benefit-content{flex:1}.benefit-content h3{font-size:2rem;color:#0f172a;margin-bottom:1.5rem;font-weight:700}.benefit-content p{font-size:1.25rem;color:#475569;line-height:1.6}.benefit-image{flex:1;height:300px;border-radius:16px;overflow:hidden}.benefit-image img{width:100%;height:100%;object-fit:cover}.slider-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem;align-items:center}.slider-btn{background:#fff;border:1px solid #e2e8f0;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#0f172a;font-size:1.2rem;box-shadow:0 4px 6px #0000000d}.slider-btn:hover{background:#0d9488;color:#fff;border-color:#0d9488}.become-mechanic-section{padding:6rem 5%;background:linear-gradient(to right,#0d94880d,#115e5905);position:relative;overflow:hidden;margin:0}.become-mechanic-section:before{content:"";position:absolute;top:-10%;left:-10%;width:40%;height:120%;background:radial-gradient(circle,rgba(13,148,136,.1) 0%,transparent 70%);filter:blur(80px);z-index:0}.become-mechanic-container{display:flex;align-items:center;gap:5rem;position:relative;max-width:1200px;margin:0 auto;z-index:2}.become-mechanic-content{flex:1.2;padding:3rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(13,148,136,.1);box-shadow:0 15px 35px #0000000d}.dark-mode .become-mechanic-content{background:#0f172a66;border-color:#ffffff0d}.become-mechanic-content h2{font-size:2.8rem;margin-bottom:2.5rem;font-weight:800;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.become-mechanic-image{flex:.8;position:relative}.become-mechanic-image img{width:100%;border-radius:24px;box-shadow:0 30px 60px #00000026;border:1px solid rgba(13,148,136,.2);mask-image:radial-gradient(circle at center,black 65%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 65%,transparent 100%)}.mechanic-points-list{list-style:none;padding:0;margin:2.5rem 0}.mechanic-points-list li{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem;font-size:1.15rem;line-height:1.6;color:var(--text-primary)}.mechanic-points-list li span{background:var(--primary);color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;margin-top:2px;box-shadow:0 4px 10px #0d948833}.become-tutor-btn{background:var(--primary);color:#fff;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;border-radius:16px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #0d94884d;margin-top:1rem}.become-tutor-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 15px 35px #0d948866}@media(max-width:900px){.become-mechanic-hero{flex-direction:column;gap:2.5rem;padding:3rem 0 2rem;align-items:center}.become-mechanic-hero-left{width:100%;display:flex;flex-direction:column;align-items:center}.become-mechanic-hero-title{font-size:2.2rem;text-align:center;margin-bottom:2rem}.become-mechanic-hero-right{width:100%;display:flex;justify-content:center}.hero-image-stack-new{width:320px;height:320px}.steps-horizontal{gap:2rem;margin-bottom:2.5rem}.hero-button-container-new{justify-content:center}.hero-cta-btn-new,.cta-button-new{width:100%;max-width:360px;text-align:center}.dashboard-showcase{padding:1.5rem;border-radius:1.25rem}.showcase-content{flex-direction:column;gap:2rem;text-align:center}.showcase-text{width:100%}.showcase-text h2{font-size:1.9rem}.showcase-stats{justify-content:center}.showcase-visual{width:100%}.floating-dashboard{max-width:100%;animation:none}.glow-circle{animation:none}.market-image-stack{width:300px;height:300px}.quote-image-stack{transform:none}}@media(max-width:768px){.become-mechanic .container{padding:1rem}.section-divider{margin:2rem 0}.become-mechanic-hero{gap:2rem;padding:2.5rem 0 1.5rem}.become-mechanic-hero-title{font-size:1.9rem;margin-bottom:1.5rem;letter-spacing:-.01em}.steps-horizontal{flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-top:0}.steps-connector-line{display:none}.step-item-new{flex-direction:row;align-items:flex-start;gap:1rem}.step-badge-new{flex-shrink:0;width:40px;height:40px;font-size:1.2rem}.step-text-new{flex:1}.step-title-new{font-size:1.1rem}.step-desc-new{max-width:100%;font-size:.88rem}.hero-image-stack-new{width:280px;height:280px}.layer-3{transform:translate(-16px,-16px)}.layer-2{transform:translate(-8px,-8px)}.hero-cta-btn-new,.cta-button-new{width:100%;max-width:100%;padding:1rem 1.5rem;font-size:.95rem;border-radius:10px}.market-cta-container,.quote-cta-container{justify-content:center}.features-detail-section{flex-direction:column;gap:1.25rem;padding:2.5rem 0}.feature-detail-col{padding:1.5rem;border-radius:14px}.feature-detail-title{font-size:1.25rem}.feature-detail-desc{font-size:.95rem}.showcase-text h2{font-size:1.6rem;margin-bottom:1rem}.showcase-text p{font-size:1rem;margin-bottom:1.25rem}.showcase-stats{gap:1rem;flex-wrap:wrap}.stat-card{flex:1;min-width:110px;padding:.75rem 1rem}.stat-value{font-size:1.25rem}.market-reach-section{padding:3rem 0}.market-reach-container{flex-direction:column;gap:2.5rem;text-align:center}.market-reach-title{font-size:1.55rem}.market-reach-desc{font-size:1rem;margin-bottom:1.5rem}.market-image-stack{width:260px;height:260px;animation:none}.m-layer-3,.m-layer-2,.m-layer-1{animation:none}.market-points-list-new{text-align:left;gap:1rem;margin-bottom:2rem}.market-point-item{font-size:.97rem}.testimonial-quote-section{padding:3rem 0}.quote-content-wrapper{flex-direction:column;gap:2rem;text-align:center}.quote-text-side{text-align:center}.quote-image-stack{width:200px;height:260px;transform:none;margin:0 auto}.q-layer-3{transform:translate(-30px) scale(.9)}.q-layer-2{transform:translate(-15px) scale(.95)}.main-quote-text{font-size:1.25rem;margin-bottom:1.25rem}.quote-footer{margin-bottom:2rem}.quote-author{font-size:1rem}.faq-section{padding:3rem 0}.faq-main-title{font-size:1.75rem;margin-bottom:2rem}.faq-question h3{font-size:.97rem;padding-right:1rem}.faq-question{padding:1.1rem 0}.faq-answer p{font-size:.93rem;max-width:100%}}@media(max-width:480px){.become-mechanic-hero-title{font-size:1.65rem}.hero-image-stack-new{width:240px;height:240px}.layer-3{transform:translate(-10px,-10px)}.layer-2{transform:translate(-5px,-5px)}.features-detail-section{gap:1rem;padding:2rem 0}.feature-detail-col{padding:1.25rem}.showcase-text h2{font-size:1.4rem}.showcase-stats{flex-direction:column;align-items:stretch}.stat-card{flex-direction:row;justify-content:space-between;align-items:center}.market-image-stack{width:220px;height:220px}.quote-image-stack{width:170px;height:220px}.market-reach-title{font-size:1.55rem}.main-quote-text{font-size:1.1rem}.faq-main-title{font-size:1.5rem}.hero-cta-btn-new,.cta-button-new{padding:.9rem 1.25rem;font-size:.9rem}.section-divider{margin:1.5rem 0}}.section-header,.stats-section .section-header,.why-choose-us .section-header,.cta-section-header{text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:3rem;opacity:1}.section-title{text-align:center;font-size:2.4rem;font-weight:700;margin-bottom:0;color:var(--text-primary);position:relative;display:inline-block;font-family:Orbitron,Outfit,sans-serif;letter-spacing:1px;text-shadow:0 4px 10px rgba(0,0,0,.1)}.title-underline{display:none;width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));margin:15px auto 0;border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:30px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr!important}}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(13,148,136,.5),transparent);margin:3rem 0;position:relative;overflow:visible;z-index:20}.section-divider:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);padding:0 15px;color:var(--primary);font-size:1.5rem;box-shadow:0 0 15px #0d948833;border-radius:50%}.dark-mode .section-divider:after{background:#0f172a;box-shadow:0 0 15px #0d94881a}.animate-fade-in{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22,1,.36,1)}.animate-fade-in.animate-in{opacity:1;transform:translateY(0)}.mechanic-points-list li{transition:all .3s ease;cursor:default}.mechanic-points-list li:hover{transform:translate(10px);color:var(--primary)}.mechanic-points-list li:hover span{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0d948833}.become-mechanic-image{transition:all .6s ease}.animate-in .become-mechanic-image img{animation:floatingImage 6s ease-in-out infinite}@keyframes floatingImage{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-20px)}}.image-overlay-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(45,212,191,.2) 0%,transparent 70%);z-index:-1;filter:blur(20px)}.market-reach-section{padding:6rem 0}.market-reach-container{display:flex;align-items:center;gap:5rem}.market-reach-content{flex:1.2}.market-reach-image-side{flex:1;display:flex;justify-content:center}.market-reach-title{font-size:1.9rem;font-weight:600;color:#374151;line-height:1.2;margin-bottom:1.5rem}.market-reach-desc{font-size:1.1rem;color:#475569;line-height:1.6;margin-bottom:2.5rem}.market-points-list-new{list-style:none;padding:0;margin-bottom:3rem;display:grid;grid-template-columns:1fr;gap:1.2rem}.market-point-item{display:flex;align-items:flex-start;gap:1rem;font-size:1.05rem;color:#1e293b;font-weight:500}.check-mark-icon{color:#0d9488;font-weight:900;font-size:1.2rem}.market-cta-container{display:flex;justify-content:flex-start}.market-image-stack{position:relative;width:420px;height:420px}.market-layer{position:absolute;inset:0;border-radius:30px;background:#fff;box-shadow:0 15px 40px #00000014}.m-layer-3{transform:rotate(-6deg) scale(.95);opacity:.2;animation:market-rotate-back 10s ease-in-out infinite}.m-layer-2{transform:rotate(3deg) scale(.98);opacity:.5;animation:market-rotate-mid 8s ease-in-out infinite}.m-layer-1{z-index:10;overflow:hidden;background:#f8fafc;box-shadow:0 20px 50px #00000026;animation:market-rotate-front 9s ease-in-out infinite}@keyframes market-rotate-back{0%,to{transform:rotate(-6deg) scale(.95)}50%{transform:rotate(-12deg) scale(.98)}}@keyframes market-rotate-mid{0%,to{transform:rotate(3deg) scale(.98)}50%{transform:rotate(-3deg) scale(1.02)}}@keyframes market-rotate-front{0%,to{transform:rotate(0)}50%{transform:rotate(4deg) scale(.98)}}.market-main-img{width:100%;height:100%;object-fit:cover}.dark-mode .market-reach-title{color:#fff}.dark-mode .market-reach-desc{color:#94a3b8}.dark-mode .market-point-item{color:#f1f5f9}.dark-mode .market-layer{background:#1e293b}@media(max-width:992px){.market-reach-container{flex-direction:column;text-align:center;gap:3rem}.market-points-list-new{text-align:left}.market-cta-container{justify-content:center}}.testimonial-quote-section{padding:6rem 0;max-width:1200px;margin:0 auto}.quote-content-wrapper{display:flex;align-items:center;gap:6rem}.quote-image-side{flex:1;display:flex;justify-content:center}.quote-text-side{flex:1.2;text-align:left}.main-quote-text{font-size:1.7rem;font-weight:850;color:#111827;line-height:1.3;margin-bottom:2rem;letter-spacing:-.01em}.quote-footer{margin-bottom:3rem}.quote-author{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.quote-role-label{color:#64748b;font-weight:400}.quote-cta-container{display:flex;justify-content:flex-start}.quote-image-stack{position:relative;width:320px;height:420px}.q-layer{position:absolute;width:100%;height:100%;border-radius:20px;background:#fff;box-shadow:0 10px 30px #0000000d;transition:all .5s ease}.q-layer-3{transform:translate(-60px) scale(.9);opacity:.3}.q-layer-2{transform:translate(-30px) scale(.95);opacity:.6}.q-layer-1{z-index:10;overflow:hidden;box-shadow:0 20px 40px #0000001a}.quote-main-img{width:100%;height:100%;object-fit:cover}.dark-mode .main-quote-text{color:#fff}.dark-mode .quote-author{color:#f1f5f9}.dark-mode .q-layer{background:#1e293b}@media(max-width:992px){.quote-content-wrapper{flex-direction:column;text-align:center;gap:3rem}.quote-text-side{text-align:center}.quote-cta-container{justify-content:center}.quote-image-stack{width:260px;height:340px;transform:translate(30px)}}.faq-section{padding:6rem 0;max-width:800px;margin:0 auto}.faq-main-title{font-size:2.5rem;font-weight:800;color:#111827;margin-bottom:4rem;text-align:left;text-align:center;letter-spacing:-.02em}.faq-list{display:flex;flex-direction:column;gap:0}.faq-item{background:transparent;border:none;border-bottom:1px solid #e5e7eb;margin:0;border-radius:0;transition:background-color .2s ease}.faq-item:first-child{border-top:1px solid #e5e7eb}.faq-item:hover{background-color:transparent}.faq-question{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;background:transparent}.faq-question h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0;padding-right:2rem;line-height:1.5;flex:1;text-align:left}.faq-item:hover .faq-question h3{color:#0d9488}.faq-chevron{color:#6b7280;transition:transform .3s ease,color .3s ease;flex-shrink:0}.faq-chevron path{stroke-width:2.5px}.faq-chevron.rotate{transform:rotate(180deg);color:#0d9488}.faq-answer{padding:0 0 1.5rem;overflow:hidden}.faq-answer p{font-size:1rem;color:#4b5563;line-height:1.6;margin:0;max-width:90%}.dark-mode .faq-main-title{color:#fff}.dark-mode .faq-item,.dark-mode .faq-item:first-child{border-color:#334155}.dark-mode .faq-question h3{color:#f1f5f9}.dark-mode .faq-answer p,.dark-mode .faq-chevron{color:#94a3b8}.dark-mode .faq-chevron.rotate,.dark-mode .faq-item:hover .faq-question h3{color:#2dd4bf}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer{animation:slideDown .3s ease-out}@media(max-width:768px){.faq-main-title{font-size:2rem;margin-bottom:2.5rem}.faq-question h3{font-size:1rem}.faq-question{padding:1.2rem 0}}.logout-confirm-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.logout-confirm-modal{background:#fff;width:100%;max-width:400px;border-radius:24px;padding:35px 30px;text-align:center;box-shadow:0 25px 50px -12px #00000040}.dark-mode .logout-confirm-modal{background:#1e293b;border:1px solid rgba(255,255,255,.05)}.logout-confirm-modal .modal-icon{font-size:50px;margin-bottom:20px}.logout-confirm-modal h3{font-size:20px;font-weight:800;margin-bottom:12px;color:#1e293b}.dark-mode .logout-confirm-modal h3{color:#f8fafc}.logout-confirm-modal p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:30px}.modal-actions{display:flex;gap:15px}.modal-actions button{flex:1;padding:12px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel{background:#f1f5f9;color:#64748b;border:none}.btn-cancel:hover{background:#e2e8f0}.dark-mode .btn-cancel{background:#0f172a;color:#94a3b8}.btn-logout-confirm{background:#ef4444;color:#fff;border:none}.btn-logout-confirm:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 10px 15px -3px #ef44444d}.mobile-drawer-header,.mobile-nav-divider,.mobile-nav-backdrop{display:none}@media(max-width:768px){.header{padding:10px 14px;z-index:2147483000;isolation:isolate}.logo-image{width:128px;height:34px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:22px;border:1px solid var(--border-light);background:var(--card-bg);position:relative;z-index:2147483600;margin-right:8px}.nav-links{position:fixed;inset:0 0 0 auto;width:min(62vw,380px);height:100vh;max-height:100vh;display:flex;flex-direction:column;gap:0;padding:16px 20px 24px;overflow-y:auto;background:#fff;border-left:none;border-radius:18px 0 0 18px;box-shadow:-16px 0 40px #0f172a2e;transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:2147483500}.dark-mode .nav-links{background:#0f172a;border:none;border-left:1px solid rgba(255,255,255,.12)}.nav-open{transform:translate(0)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2147483400;animation:mobileBackdropFade .45s cubic-bezier(.4,0,.2,1)}@keyframes mobileBackdropFade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:12px;margin-left:-20px;padding-left:0;border-bottom:1px solid #e5e7eb}.dark-mode .mobile-drawer-header{border-bottom-color:#ffffff24}.mobile-drawer-profile{display:flex;align-items:center;gap:12px;min-width:0}.mobile-drawer-avatar{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e);flex-shrink:0}.mobile-drawer-name{font-size:.9rem;font-weight:500;line-height:1.35;color:#0f172a;white-space:nowrap;overflow:visible;text-overflow:unset}.dark-mode .mobile-drawer-name,.dark-mode .nav-links .mobile-drawer-name{color:#f1f5f9!important}.mobile-nav-divider{display:block;height:1px;width:100%;background:#e5e7eb;margin:14px 0}.dark-mode .mobile-nav-divider{background:#ffffff24}.nav-left,.nav-right{width:100%;flex-direction:column;align-items:stretch;margin-left:0}.nav-left{gap:4px}.nav-left button{width:100%;min-height:56px;text-align:left;padding:14px 8px;border:none;border-radius:0;background:transparent;color:#2b3d3a;font-size:1.05rem;font-weight:600;letter-spacing:.01em;line-height:1.35}.nav-left button:hover,.nav-left button:focus-visible{color:#0d9488;background:transparent}.dark-mode .nav-left button{color:#fff!important}.dark-mode .nav-left button:hover,.dark-mode .nav-left button:focus-visible{color:#5eead4!important}.nav-right{gap:6px;margin-top:4px;padding-top:0;border-top:none}.nav-right>*{width:100%}.nav-right>div[style]{display:flex!important;flex-direction:column;gap:10px!important;width:100%}.theme-toggle-cyber{width:60px;height:36px}.nav-right .theme-toggle-cyber{margin:4px 0 8px}.language-dropdown-wrapper{width:100%;margin-top:4px}.language-select{width:100%!important;min-height:50px;margin-top:0!important;padding:12px 14px;border:1px solid #d1d5db;color:#2b3d3a;line-height:1.35}.login-btn,.signin-btn,.dashboard-link-btn{width:100%!important;min-height:56px;padding:14px 8px!important;border:none!important;border-radius:0!important;background:transparent!important;color:#2b3d3a!important;font-size:1.05rem;font-weight:600;line-height:1.35;text-align:left!important;justify-content:flex-start;box-shadow:none!important}.nav-right .login-btn,.nav-right .signin-btn{background:#0d94881f!important;border:1px solid rgba(13,148,136,.28)!important;border-radius:14px!important;padding:14px 18px!important;color:#0f766e!important;font-weight:700;text-align:left!important}.login-btn:hover,.signin-btn:hover,.dashboard-link-btn:hover{color:#0d9488!important}.nav-right .login-btn:hover,.nav-right .signin-btn:hover{background:#0d948833!important;border-color:#0d948873!important;color:#0f766e!important}.nav-dropdown-wrapper{width:100%}.nav-dropdown-menu{position:static;left:auto;transform:none;margin-top:8px;width:100%;min-width:0;box-shadow:0 8px 20px #0000001a;animation:mobileDropdownFade .25s cubic-bezier(.16,1,.3,1)}.nav-dropdown-menu:before{display:none}.hero{grid-template-columns:1fr;gap:18px;padding:28px 14px 34px;text-align:left}.hero-left{align-items:flex-start;text-align:left}.hero h1{font-size:1.95rem;line-height:1.2;margin:0 0 12px;max-width:100%}.hero p{font-size:.98rem;line-height:1.6;margin:0 0 20px;max-width:100%}.hero-actions{width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin-top:0;align-items:stretch}.hero-cta-btn{width:100%;min-height:46px;padding:12px 14px;font-size:.95rem;line-height:1.2}.hero-actions .hero-cta-btn{position:static;margin:0!important;transform:none!important}.hero-actions .hero-cta-btn:hover,.hero-actions .hero-cta-btn:active,.hero-actions .hero-cta-btn:focus-visible{transform:none!important}.hero-right{border-radius:18px;overflow:hidden;aspect-ratio:16/10}.hero-right img{border-radius:0;opacity:.95}.section-padding,.why-choose-us,.how-it-works,.home-cta-section,.become-mechanic-section{padding-top:42px;padding-bottom:42px}.section-header,.stats-section .section-header,.why-choose-us .section-header,.cta-section-header{margin-bottom:26px}.section-title{font-size:2rem;line-height:1.25}.why-choose-grid,.cta-main-grid,.become-mechanic-container{grid-template-columns:1fr;display:grid;gap:20px}.why-choose-content .feature-card,.cta-service-card{border-radius:16px;padding:18px}.feature-text h4,.service-card-content h3,.step-content h3{font-size:1.05rem}.feature-text p,.service-card-content p,.step-content p{font-size:.92rem}.step-image-wrapper{height:170px}.step-content{padding:24px 16px}.become-mechanic-content{padding:18px;border-radius:16px}.become-mechanic-content h2{font-size:1.7rem;margin-bottom:14px}.mechanic-points-list{margin:16px 0}.mechanic-points-list li{font-size:.95rem;margin-bottom:10px;gap:10px}.become-tutor-btn{width:100%;min-height:46px;padding:12px 14px}}@media(max-width:480px){.header{padding:9px 10px}.logo-image{width:118px;height:32px}.mobile-menu-btn{width:36px;height:36px;font-size:20px}.nav-links{width:min(68vw,340px);height:100vh;max-height:100vh;padding:14px 14px 20px;border-radius:14px 0 0 14px}.mobile-drawer-name{font-size:1rem}.nav-left button,.login-btn,.signin-btn,.dashboard-link-btn{font-size:.98rem}.hero{padding:22px 10px 30px;gap:14px}.hero h1{font-size:1.65rem}.hero p{font-size:.9rem}.section-title{font-size:1.8rem}.step-image-wrapper{height:155px}.service-card-icon{width:54px;height:54px;min-width:54px;font-size:24px}}@keyframes mobileDropdownFade{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-card-actions{display:none}.experience-value-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1}@media(max-width:768px){.desktop-only{display:none!important}.mobile-card-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.experience-row{display:flex;align-items:center}.mobile-card-actions .tool-btn{padding:4px;color:#64748b}.mobile-card-actions .tool-btn.fav-btn.favorited{color:#ef4444}}.earnings-section{padding:6rem 0;background:var(--bg)}.earnings-container{max-width:1200px;margin:0 auto;padding:0 2rem}.earnings-header{text-align:center;margin-bottom:4rem}.earnings-header h2{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.earnings-grid{display:flex;flex-direction:column;gap:6rem}.earnings-card{display:flex;align-items:center;gap:4rem;border-radius:32px;padding:3rem;background:var(--card-bg);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;overflow:hidden;position:relative}.earnings-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(45,212,191,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.earnings-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0d948826}.earnings-card.reverse{flex-direction:row-reverse}.earnings-info{flex:1;z-index:1}.earnings-info h3{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:2rem;letter-spacing:1px}.lang-block{margin-bottom:2rem}.lang-label{display:inline-block;font-size:.8rem;font-weight:800;padding:4px 12px;border-radius:50px;background:var(--primary-light);color:var(--primary-dark);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.english-text{font-size:1.1rem;color:var(--text-primary);line-height:1.7;white-space:pre-line}.urdu-text{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;white-space:pre-line;font-family:inherit}.earnings-visual{flex:1;display:flex;justify-content:center;align-items:center;z-index:1}.visual-container{width:100%;max-width:450px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;background:#0f172a;padding:2rem}.visual-img{width:100%;height:auto;border-radius:12px;transition:transform .5s ease}.earnings-card:hover .visual-img{transform:scale(1.05)}.earnings-placeholder{width:100%;height:300px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;border:1px solid rgba(255,255,255,.1)}.progress-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--primary-light) 65%,#334155 0);display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;position:relative;box-shadow:0 0 30px #2dd4bf4d}.progress-circle:after{content:"65%";position:absolute;width:120px;height:120px;background:#0f172a;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:800}.placeholder-label{font-size:1.2rem;font-weight:600;color:#94a3b8}.network-graph{width:80%;height:150px;display:flex;justify-content:space-around;align-items:flex-end;gap:15px;margin-bottom:1.5rem}.graph-bar{width:40px;background:linear-gradient(to top,var(--primary-dark),var(--primary-light));border-radius:8px 8px 0 0;animation:growBar 1.5s ease-out forwards;opacity:.8}@keyframes growBar{0%{height:0}}.graph-bar:nth-child(1){height:40%;animation-delay:.1s}.graph-bar:nth-child(2){height:70%;animation-delay:.3s}.graph-bar:nth-child(3){height:55%;animation-delay:.5s}.graph-bar:nth-child(4){height:90%;animation-delay:.7s}.graph-bar:nth-child(5){height:65%;animation-delay:.9s}@media(max-width:992px){.earnings-card,.earnings-card.reverse{flex-direction:column;text-align:center;padding:2rem}.earnings-visual{width:100%}}@media(max-width:768px){.earnings-section{padding:3rem 0}.earnings-header{margin-bottom:2rem}.earnings-header h2{font-size:2rem}.earnings-grid{gap:2.5rem}.earnings-card,.earnings-card.reverse{flex-direction:column;padding:1.5rem;border-radius:20px;gap:1.5rem;text-align:left}.earnings-info h3{font-size:1.4rem;margin-bottom:1rem}.english-text{font-size:1rem}.visual-container{padding:1rem;max-width:100%}.earnings-placeholder{height:200px}.progress-circle{width:100px;height:100px;margin-bottom:1rem}.progress-circle:after{width:80px;height:80px;font-size:1.3rem}.placeholder-label{font-size:.95rem}.network-graph{height:100px;gap:8px}.graph-bar{width:28px}}@media(max-width:480px){.earnings-header h2{font-size:1.7rem}.earnings-card,.earnings-card.reverse{padding:1.25rem;border-radius:16px}.earnings-info h3{font-size:1.2rem}.earnings-placeholder{height:170px}}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.earnings-section.scroll-hidden,.earnings-section.scroll-visible{opacity:1;transform:none;transition:none}.earnings-section .earnings-header,.earnings-section .earnings-grid{transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.earnings-section.scroll-hidden .earnings-header,.earnings-section.scroll-hidden .earnings-grid{opacity:0;transform:translateY(60px)}.earnings-section.scroll-visible .earnings-header{opacity:1;transform:translateY(0)}.earnings-section.scroll-visible .earnings-grid{opacity:1;transform:translateY(0);transition-delay:.2s}.success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .4s ease-out}.success-popup-content{background:#fff;width:420px;padding:60px 40px 40px;border-radius:40px;text-align:center;position:relative;box-shadow:0 40px 100px -20px #0006;animation:contentScaleIn .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.dark-mode .success-popup-content{background:#1e293b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentScaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.success-checkmark-wrapper{position:relative;width:100px;height:100px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.check-blob{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(45,212,191,.4) 0%,transparent 70%);border-radius:50%;animation:blobScale 2s infinite alternate}@keyframes blobScale{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:1}}.success-icon-animated{width:60px;height:60px;border-radius:50%;display:block;stroke-width:3;stroke:#0d9488;stroke-miterlimit:10;box-shadow:inset 0 0 #0d9488;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;position:relative;z-index:2}.success-circle-animated{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#0d9488;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.success-check-animated{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #0d94881a}}.success-title{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-1px}.dark-mode .success-title{color:#f8fafc}.success-message{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:35px}.dark-mode .success-message{color:#94a3b8}.success-close-btn{width:100%;padding:18px;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;border-radius:20px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 20px 40px -10px #0d94884d}.success-close-btn:hover{transform:translateY(-4px);box-shadow:0 25px 50px -10px #0d948880}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti{position:absolute;width:8px;height:8px;background:#0d9488;border-radius:50%;opacity:0}.confetti:nth-child(2n){background:#2dd4bf;width:6px;height:12px;border-radius:2px}.confetti:nth-child(3n){background:#f59e0b}.confetti{animation:confettiFall 3s ease-out infinite}@keyframes confettiFall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:1}to{transform:translateY(300px) translate(var(--x, 50px)) rotate(360deg);opacity:0}}.confetti:nth-child(1){left:10%;--x: -20px;animation-delay:0s}.confetti:nth-child(2){left:20%;--x: 30px;animation-delay:.2s}.confetti:nth-child(3){left:30%;--x: -10px;animation-delay:.5s}.confetti:nth-child(4){left:40%;--x: 40px;animation-delay:.1s}.confetti:nth-child(5){left:50%;--x: -30px;animation-delay:.4s}.confetti:nth-child(6){left:60%;--x: 20px;animation-delay:.7s}.confetti:nth-child(7){left:70%;--x: -40px;animation-delay:.3s}.confetti:nth-child(8){left:80%;--x: 10px;animation-delay:.6s}.confetti:nth-child(9){left:90%;--x: -25px;animation-delay:.1s}.confetti:nth-child(10){left:15%;--x: 25px;animation-delay:.8s}.customer-dashboard-v2{display:flex;min-height:100vh;background:#f8fafc;font-family:Inter,Outfit,sans-serif;color:#1e293b}.dark-mode .customer-dashboard-v2{background:#0f172a;color:#f8fafc}.dashboard-nav{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:30px 20px;position:sticky;top:0;height:100vh;z-index:100;transition:all .3s ease}.dark-mode .dashboard-nav{background:#1e293b;border-color:#ffffff0d}.nav-profile{display:flex;align-items:center;gap:15px;margin-bottom:40px;padding:10px}.avatar-circle{width:50px;height:50px;background:linear-gradient(135deg,#0d9488,#2dd4bf);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 10px 15px -3px #0d94884d}.profile-text h3{font-size:16px;font-weight:700;margin:0}.profile-text span{font-size:12px;color:#64748b}.new-on-ahatacar-tag{display:inline-block;margin-top:5px;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0d9488,#0891b2);padding:2px 9px;border-radius:20px;letter-spacing:.3px}.nav-menu{display:flex;flex-direction:column;gap:8px;flex:1}.nav-menu button{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.nav-menu button:hover{background:#f1f5f9;color:#0d9488}.dark-mode .nav-menu button:hover{background:#ffffff0d}.nav-menu button.active{background:#f0fdfa;color:#0d9488}.dark-mode .nav-menu button.active{background:#0d94881a}.nav-menu button .badge{position:absolute;right:15px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:900}.nav-footer{margin-top:80px;padding-bottom:20px}.premium-badge{padding:16px 20px;border-radius:20px;background:#f0fdf4;border:1px solid #dcfce7;color:#166534;display:flex;align-items:center;gap:15px;transition:all .3s ease}.dark-mode .premium-badge{background:#16653426;border-color:#22c55e33;color:#4ade80}.premium-badge .crown{font-size:24px}.logout-btn-nav{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;border-radius:14px;border:1px solid #fee2e2;background:#fff5f5;color:#dc2626;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.logout-btn-nav .icon{font-size:17px;flex-shrink:0;transition:transform .2s ease}.logout-btn-nav:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 8px 20px -4px #dc262659;transform:translateY(-1px)}.logout-btn-nav:hover .icon{transform:translate(-3px)}.logout-btn-nav:active{transform:translateY(0);box-shadow:none}.dark-mode .logout-btn-nav{background:#dc262614;border-color:#dc262633;color:#f87171}.dark-mode .logout-btn-nav:hover{background:#dc2626;color:#fff;border-color:#dc2626}.premium-badge h4{margin:0;font-size:14px;font-weight:700;color:inherit}.premium-badge span{font-size:11px;opacity:.8;color:inherit}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.main-header{height:80px;background:#ecfdf5;border-bottom:1px solid #d1fae5;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:90}.dark-mode .main-header{background:#1e293b;border-color:#ffffff0d}.header-search{background:#f1f5f9;padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:10px;width:400px}.dark-mode .header-search{background:#0f172a}.header-search input{background:transparent;border:none;outline:none;width:100%;font-size:14px}.header-actions{display:flex;align-items:center;gap:25px}.notif-bell{font-size:20px;cursor:pointer;position:relative}.btn-find-main{background:#0d9488;color:#fff;border:none;padding:10px 24px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px -5px #0d948866}.btn-find-main:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #0d948880}.content-viewport{padding:40px;max-width:1400px}.pane-header{margin-bottom:30px}.pane-header h2{font-size:28px;font-weight:800;margin-bottom:8px}.pane-header p{color:#64748b}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:60px}.mechanic-tile-card{border-radius:24px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.mechanic-tile-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px -15px #0000001a}.tile-image{height:180px;position:relative}.tile-image img{width:100%;height:100%;object-fit:cover}.tile-rating{position:absolute;top:15px;right:15px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 12px;border-radius:12px;font-weight:700;font-size:14px}.tile-info{padding:25px}.tile-info h3{margin-bottom:5px;font-size:18px}.tile-info p{margin:0;font-size:14px;color:#64748b}.tile-actions{display:flex;gap:12px;margin-top:20px}.btn-view{flex:1;background:#0d9488;color:#fff;border:none;padding:10px;border-radius:12px;font-weight:600;cursor:pointer}.btn-message{width:44px;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer}.dark-mode .btn-message{background:#0f172a}.reviews-history-section h3{margin-bottom:25px;font-size:22px;font-weight:800}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;gap:12px;padding:12px 16px;border-radius:14px;align-items:center}.activity-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.activity-icon.review{background:#fef3c7;color:#d97706}.activity-details h4{margin:0 0 2px;font-size:.9rem}.activity-details p{margin:0;font-size:.82rem}.rating-stars{color:#fbbf24;margin-top:2px;font-size:.85rem}.activity-date{font-size:.75rem;color:#94a3b8;white-space:nowrap;margin-left:auto}.empty-state{padding:60px;text-align:center;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:15px}.empty-state .icon{font-size:48px;opacity:.2}.empty-state p{color:#64748b;font-size:16px}.messages-layout{display:grid;grid-template-columns:350px 1fr;gap:30px;height:calc(100vh - 200px)}.chat-list-sidebar{display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.sidebar-search{padding:20px;border-bottom:1px solid #e2e8f0}.sidebar-search input{width:100%;background:#f1f5f9;border:none;padding:10px 15px;border-radius:10px;outline:none}.chat-items{overflow-y:auto;flex:1}.chat-item{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:.2s;position:relative;border-left:4px solid transparent}.chat-item:hover{background:#f8fafc}.dark-mode .chat-item:hover{background:#ffffff05}.chat-item.active{background:#f1f5f9;border-left-color:#0d9488}.dark-mode .chat-item.active{background:#ffffff0d;border-left-color:#2dd4bf}.chat-item.unread{background:#f0fdfa}.dark-mode .chat-item.unread{background:#0d94880d}.chat-avatar{width:48px;height:48px;background:#e2e8f0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px}.chat-info{flex:1;overflow:hidden}.chat-header{display:flex;justify-content:space-between;margin-bottom:4px}.sender{font-weight:700;font-size:14px}.time{font-size:11px;color:#94a3b8}.last-msg{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{width:8px;height:8px;background:#0d9488;border-radius:50%}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:20px}.chat-window-header{padding:8px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff;min-height:52px}.dark-mode .chat-window-header{background:#1e293b;border-color:#ffffff0d}.header-left,.header-user{display:flex;align-items:center;gap:12px}.header-user .avatar,.header-left .avatar{width:32px;height:32px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.dark-mode .header-user .avatar,.dark-mode .header-left .avatar{background:#0f172a}.header-user .info h4,.header-left .info h4{margin:0;font-size:13.5px;font-weight:700;line-height:1.2}.header-user .info .status,.header-left .info .status{font-size:10px;color:#10b981;font-weight:600;display:block}.chat-messages{flex:1;overflow-y:auto;padding:20px 25px;display:flex;flex-direction:column;gap:15px;background:#fbfcfd;min-height:0}.dark-mode .chat-messages{background:#0f172a}.message-row{display:flex;width:100%}.message-row.me{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{max-width:70%;padding:14px 20px;border-radius:20px;position:relative;box-shadow:0 4px 10px #00000008}.message-row.me .message-bubble{background:#dcfce7;color:#166534;border-bottom-right-radius:4px;border:1px solid #bbf7d0}.message-row.other .message-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:4px;border:1px solid #e2e8f0}.dark-mode .message-row.other .message-bubble{background:#1e293b;color:#fff;border-color:#ffffff0d}.message-bubble p{margin:0;font-size:14.5px;line-height:1.5}.message-bubble .time{display:block;font-size:10px;margin-top:6px;opacity:.7;text-align:right}.chat-input-area{padding:20px 30px;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:15px}.dark-mode .chat-input-area{background:#1e293b;border-color:#ffffff0d}.attach-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dark-mode .attach-btn{background:#0f172a}.chat-input-area input{flex:1;background:#f1f5f9;border:1px solid #e2e8f0;padding:12px 20px;border-radius:25px;outline:none;font-size:14px;transition:.2s}.dark-mode .chat-input-area input{background:#0f172a;border-color:#ffffff1a;color:#fff}.chat-input-area input:focus{border-color:#0d9488;background:#fff}.dark-mode .chat-input-area input:focus{background:#000}.send-btn{background:#0d9488;color:#fff;border:none;padding:10px 25px;border-radius:20px;font-weight:700;cursor:pointer;transition:.2s}.send-btn:disabled{opacity:.5}.chat-window-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:20px}.placeholder-content .icon{font-size:60px;margin-bottom:20px;opacity:.3}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:30px}.settings-group{padding:10px}.setting-item{display:flex;align-items:center;gap:20px;padding:20px;border-radius:16px;cursor:pointer;transition:.2s}.setting-item:hover{background:#f8fafc}.dark-mode .setting-item:hover{background:#ffffff05}.setting-icon{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.dark-mode .setting-icon{background:#0f172a}.setting-details{flex:1}.setting-details h4{margin:0;font-size:15px}.setting-details p{margin:0;font-size:12px;color:#64748b}.toggle-switch{width:40px;height:22px;background:#e2e8f0;border-radius:20px;position:relative}.toggle-switch.active{background:#0d9488}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s}.toggle-switch.active:after{left:21px}.setting-item.danger{color:#ef4444}.setting-item.danger:hover{background:#fef2f2}.setting-item.logout{color:#64748b}.affiliate-hero{display:flex;justify-content:space-between;padding:50px;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;margin-bottom:40px;border-radius:30px}.affiliate-content{max-width:500px}.affiliate-content h2{font-size:32px;margin-bottom:10px}.promo-text{font-size:18px;opacity:.9;margin-bottom:30px}.code-box label{display:block;font-size:12px;margin-bottom:8px;font-weight:700;text-transform:uppercase}.code-display{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.3)}.code-display code{font-size:18px;font-weight:800;letter-spacing:1px;color:#0f172a}.copy-btn{background:#fff;color:#0d9488;border:none;padding:8px 20px;border-radius:10px;font-weight:800;cursor:pointer}.affiliate-visual{display:flex;flex-direction:column;gap:20px}.stat-blob{background:#ffffff1a;padding:25px;border-radius:20px;text-align:center;min-width:150px}.stat-blob.highlight{background:#fbbf24;color:#1e293b}.stat-blob .val{display:block;font-size:32px;font-weight:800}.stat-blob .lab{font-size:12px;font-weight:700}.affiliate-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-card{padding:40px;text-align:center}.step-num{width:40px;height:40px;background:#0d9488;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:800}.glass-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.dark-mode .glass-panel{background:#1e293b;border-color:#ffffff0d}.rtl{direction:rtl;text-align:right}.rtl .nav-menu button .badge{right:auto;left:15px}.rtl .header-actions{flex-direction:row-reverse}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}@media(max-width:1024px){.dashboard-nav{width:80px;padding:20px 10px}.nav-profile,.profile-text,.nav-menu button .label,.premium-badge .badge-text{display:none}.nav-menu button{justify-content:center}}@media(max-width:768px){.messages-layout,.settings-grid,.affiliate-steps{grid-template-columns:1fr}.affiliate-hero{flex-direction:column;padding:30px}.affiliate-visual{flex-direction:row;margin-top:30px}.main-header{padding:0 14px}.content-viewport{padding:16px 12px}.content-viewport:has(.messages-pane){padding:0;max-width:100%}.content-viewport:has(.mechanic-list){padding:10px;max-width:100%}.content-viewport:has(.mechanic-list) .pane-header{padding:8px 4px 4px;margin-bottom:14px}.content-viewport:has(.mechanic-list) .pane-header h2{font-size:1.15rem}.content-viewport:has(.mechanic-list) .pane-header p{font-size:.85rem}.content-viewport:has(.mechanic-list) .mechanic-card-premium{margin-bottom:0;border-radius:14px;width:100%;box-sizing:border-box}.messages-pane{height:calc(100vh - 80px)!important;overflow:visible!important;width:100%}.customer-dashboard-v2 .dashboard-main{overflow:visible}}.sidebar-toggle-btn,.sidebar-close-btn,.sidebar-overlay{display:none}@media(max-width:768px){.customer-dashboard-v2 .dashboard-nav{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding-top:70px}.customer-dashboard-v2 .dashboard-nav .nav-profile,.customer-dashboard-v2 .dashboard-nav .profile-text,.customer-dashboard-v2 .dashboard-nav .nav-menu button .label,.customer-dashboard-v2 .dashboard-nav .premium-badge .badge-text{display:flex}.customer-dashboard-v2 .dashboard-nav .profile-text,.customer-dashboard-v2 .dashboard-nav .premium-badge .badge-text{flex-direction:column}.customer-dashboard-v2 .dashboard-nav .nav-menu button{justify-content:flex-start}.customer-dashboard-v2 .dashboard-nav.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #0000002e}.customer-dashboard-v2 .dashboard-main{width:100%;min-width:0}.sidebar-toggle-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;margin-right:10px;flex-shrink:0}.sidebar-toggle-btn span{display:block;width:22px;height:2.5px;background:#1e293b;border-radius:4px;transition:background .2s}.dark-mode .sidebar-toggle-btn span{background:#f8fafc}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:210px;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;font-size:1rem;color:#64748b;cursor:pointer;z-index:1001;line-height:1}.dark-mode .sidebar-close-btn{background:#334155;color:#94a3b8}.sidebar-close-btn:hover{background:#e2e8f0;color:#1e293b}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:modalFadeIn .3s ease-out}.delete-modal-content{background:#fff;width:100%;max-width:340px;padding:28px 24px;border-radius:24px;text-align:center;position:relative;box-shadow:0 40px 100px -20px #00000080;animation:modalScaleIn .4s cubic-bezier(.16,1,.3,1)}.dark-mode .delete-modal-content{background:#1e293b;box-shadow:0 40px 100px -20px #000000b3}.delete-modal-icon{font-size:40px;margin-bottom:14px;display:inline-block;animation:modalPulse 2s infinite}.delete-modal-title{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:10px;line-height:1.2}.dark-mode .delete-modal-title{color:#f8fafc}.delete-modal-message{color:#64748b;font-size:.85rem;line-height:1.5;margin-bottom:16px}.dark-mode .delete-modal-message{color:#94a3b8}.delete-modal-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;margin-bottom:16px;transition:all .3s;outline:none;text-align:center}.dark-mode .delete-modal-input{background:#0f172a;border-color:#334155;color:#fff}.delete-modal-input:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.delete-modal-actions{display:flex;gap:10px}.delete-modal-btn{flex:1;padding:10px;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s}.delete-modal-btn.cancel{background:#f1f5f9;color:#475569}.dark-mode .delete-modal-btn.cancel{background:#334155;color:#f8fafc}.delete-modal-btn.cancel:hover{background:#e2e8f0}.delete-modal-btn.confirm{background:#fee2e2;color:#ef4444;opacity:.6;cursor:not-allowed}.delete-modal-btn.confirm.active{background:#ef4444;color:#fff;opacity:1;cursor:pointer;box-shadow:0 10px 20px -5px #ef444466}.delete-modal-btn.confirm.active:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ef444499}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;width:90%;max-width:440px;border-radius:20px;padding:30px;position:relative;box-shadow:0 25px 50px -12px #00000040}.dark-mode .modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1)}.password-modal{padding-top:40px}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:popIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;line-height:1;transition:.2s}.modal-close-btn:hover{color:#0f172a}.dark-mode .modal-close-btn:hover{color:#f8fafc}.modal-header{text-align:center;margin-bottom:25px}.modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 15px}.lock-icon{background:#e0e7ff;color:#4f46e5}.dark-mode .lock-icon{background:#4f46e533;color:#818cf8}.modal-header h2{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:8px}.dark-mode .modal-header h2{color:#f8fafc}.modal-header p{color:#64748b;font-size:14px;margin:0}.password-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:13px;font-weight:600;color:#475569}.dark-mode .form-group label{color:#94a3b8}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;padding:12px 15px;border-radius:12px;font-size:14px;outline:none;transition:.2s}.dark-mode .form-group input{background:#0f172a;border-color:#ffffff1a;color:#fff}.form-group input:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.dark-mode .form-group input:focus{background:#000}.error-message{background:#fef2f2;color:#ef4444;padding:10px 15px;border-radius:8px;font-size:13px;border:1px solid #fecaca;text-align:center}.dark-mode .error-message{background:#ef44441a;border-color:#ef444433}.modal-actions{display:flex;gap:12px;margin-top:15px}.modal-actions button{flex:1;padding:12px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;border:none}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#0f172a}.dark-mode .btn-cancel{background:#ffffff0d;color:#94a3b8}.dark-mode .btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-confirm{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn-confirm:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 15px #4f46e566}.btn-confirm:active{transform:translateY(0)}.rtl .modal-close-btn{right:auto;left:20px}.rtl .modal-header,.rtl .form-group label,.rtl .form-group input{text-align:right;direction:rtl}.messages-container{display:flex;height:100%;width:100%;background:#fff;box-shadow:0 4px 20px #00000014;overflow:hidden}body.dark-mode .messages-container{background:#1e1e24;box-shadow:0 4px 20px #0000004d}.conversations-sidebar{width:320px;border-right:1px solid #eee;display:flex;flex-direction:column;background:#fdfdfd}body.dark-mode .conversations-sidebar{border-right-color:#333;background:#25252b}.sidebar-title{padding:20px;margin:0;font-size:1.25rem;border-bottom:1px solid #eee;color:#333}body.dark-mode .sidebar-title{border-bottom-color:#333;color:#f1f1f1}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:15px 20px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .2s;position:relative}body.dark-mode .conversation-item{border-bottom-color:#333}.conversation-item:hover{background:#f9f9f9}body.dark-mode .conversation-item:hover{background:#2a2a30}.conversation-item.active{background:#ebf6f6}body.dark-mode .conversation-item.active{background:#193636}.conversation-avatar{width:45px;height:45px;border-radius:50%;background:#0d9488;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-right:15px;flex-shrink:0}.conversation-details{flex:1;overflow:hidden}.conversation-name{margin:0 0 5px;font-size:1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .conversation-name{color:#e0e0e0}.conversation-preview{margin:0;font-size:.85rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:#e11d48;color:#fff;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;margin-left:10px}.no-conversations{padding:20px;color:#888;text-align:center}.msg-chat-area{flex:1;display:flex;flex-direction:column;background:#fafafa}body.dark-mode .msg-chat-area{background:#1e1e24}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.msg-chat-window{flex:1;display:flex;flex-direction:column;height:100%}.msg-chat-header{padding:20px;background:#fff;border-bottom:1px solid #eee}body.dark-mode .msg-chat-header{background:#25252b;border-bottom-color:#333}.msg-chat-header h3{margin:0;color:#333}body.dark-mode .msg-chat-header h3{color:#f1f1f1}.messages-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.message-wrapper{display:flex;flex-direction:column}.message-self{align-items:flex-end}.message-other{align-items:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;position:relative}.message-self .message-bubble{background:#0d9488;color:#fff;border-radius:16px 16px 4px}.message-other .message-bubble{background:#f1f5f9;color:#1e293b;border-radius:16px 16px 16px 4px;border:1px solid #e2e8f0}body.dark-mode .message-other .message-bubble{background:#1e293b;color:#f1f5f9;border-color:#334155}.message-bubble p{margin:0;line-height:1.4;word-break:break-word}.message-time{font-size:.7rem;opacity:.7;display:block;margin-top:5px;text-align:right}.message-input-area{padding:20px;background:#fff;border-top:1px solid #eee;display:flex;gap:10px}body.dark-mode .message-input-area{background:#25252b;border-top-color:#333}.message-input-area input{flex:1;padding:12px 20px;border:1px solid #ddd;border-radius:24px;font-size:1rem;outline:none;transition:border-color .2s}body.dark-mode .message-input-area input{background:#333;border-color:#444;color:#fff}.message-input-area input:focus{border-color:#0d9488}.send-btn{background:#0d9488;color:#fff;border:none;padding:0 25px;border-radius:24px;font-weight:600;cursor:pointer;transition:background .2s}.send-btn:hover:not(:disabled){background:#0b7a70}.send-btn:disabled{background:#ccc;cursor:not-allowed}body.dark-mode .send-btn:disabled{background:#444}.messages-loading{text-align:center;padding:50px;font-size:1.2rem;color:#666}.mobile-back-btn{display:none}@media(max-width:768px){.messages-container{flex-direction:column;height:100%;width:100%;overflow:hidden;border-radius:0;box-shadow:none}.conversations-sidebar,.msg-chat-area{width:100%;flex:1;min-width:0;border-right:none;border-bottom:none;height:100%}.conversations-sidebar.mobile-hidden,.msg-chat-area.mobile-hidden{display:none}.conversations-sidebar{display:flex;flex-direction:column}.sidebar-title{font-size:1.1rem;padding:16px 16px 12px;font-weight:700;background:#fff;position:sticky;top:0;z-index:2}body.dark-mode .sidebar-title{background:#25252b}.conversations-list{overflow-y:auto;flex:1}.conversation-item{padding:13px 16px}.conversation-avatar{width:48px;height:48px;font-size:1.1rem;margin-right:12px}.conversation-name{font-size:.97rem;font-weight:600}.conversation-preview{font-size:.82rem}.msg-chat-window{display:flex;flex-direction:column;height:100%}.msg-chat-header{padding:12px 14px;position:sticky;top:0;z-index:2}.msg-chat-header h3{font-size:1rem;margin:0}.mobile-back-btn{display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;color:#0d9488;cursor:pointer;flex-shrink:0;padding:0}body.dark-mode .mobile-back-btn{background:#334155;color:#2dd4bf}.messages-list{flex:1;padding:14px 12px;gap:10px;overflow-y:auto}.message-bubble{max-width:80%;padding:10px 14px;font-size:.95rem}.message-input-area{padding:10px 12px;gap:8px;border-top:1px solid #eee;background:#fff;box-sizing:border-box;width:100%}body.dark-mode .message-input-area{background:#25252b}.message-input-area input{padding:10px 16px;font-size:.95rem;border-radius:22px;min-width:0}.send-btn{padding:0 18px;border-radius:22px;font-size:.9rem;flex-shrink:0}.no-chat-selected{display:none}}.mechanic-dashboard-v2 .dashboard-layout{display:grid;grid-template-columns:1fr 1px 320px;gap:0 30px}.dashboard-divider{width:1px;background:linear-gradient(to bottom,transparent,#e2e8f0 15%,#cbd5e1 50%,#e2e8f0 85%,transparent);border-radius:2px;align-self:stretch}.dark-mode .dashboard-divider{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08) 15%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.08) 85%,transparent)}.main-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{padding:25px;border-radius:20px;display:flex;align-items:center;gap:20px}.stat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.pink{background:#fdf2f8;color:#db2777}.stat-icon.teal{background:#f0fdfa;color:#0d9488}.stat-icon.orange{background:#fff7ed;color:#ea580c}.stat-info h3{font-size:24px;font-weight:800;margin:0}.stat-info p{font-size:13px;color:#64748b;margin:0}.activity-section{margin-top:40px}.activity-section h3{margin-bottom:20px;font-size:20px;font-weight:700}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{padding:20px;border-radius:18px}.feature-item h4{margin-top:0;margin-bottom:12px;font-size:15px;display:flex;align-items:center;gap:10px}.sub-stats{display:flex;flex-direction:column;gap:8px}.sub-stat{display:flex;justify-content:space-between;font-size:13px}.sub-stat span{color:#64748b}.badge-status{background:#0d9488;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800}.code-display{background:#f1f5f9;padding:10px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.dark-mode .code-display{background:#0f172a}.copy-btn{background:#0d9488;color:#fff;border:none;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;cursor:pointer}.cs-badge{font-size:10px;background:#f1f5f9;padding:2px 8px;border-radius:6px;color:#64748b;width:fit-content;margin-top:10px}.earnings-pane-full{max-width:1000px;margin:0 auto}.earnings-grid-v2{display:flex;flex-direction:column;gap:30px}.earnings-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.earning-stat-card{padding:25px;border-radius:20px;display:flex;align-items:center;gap:20px}.earning-stat-card .icon-wrap{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.icon-wrap.purple{background:#f5f3ff;color:#7c3aed}.icon-wrap.teal{background:#f0fdfa;color:#0d9488}.icon-wrap.orange{background:#fff7ed;color:#ea580c}.icon-wrap.gray{background:#f1f5f9;color:#94a3b8}.coming-soon-card{position:relative;overflow:hidden}.cs-badge-mini{position:absolute;top:10px;right:10px;font-size:8px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#64748b;font-weight:700}.earning-stat-card .info h3{font-size:20px;font-weight:800;margin:0}.earning-stat-card .info p{font-size:12px;color:#64748b;margin:0}.affiliate-main-card{padding:40px;border-radius:24px;background:linear-gradient(to bottom right,#fff,#f8fafc)}.affiliate-main-card .card-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.affiliate-main-card .card-head .icon{font-size:28px}.affiliate-main-card .card-head h4{font-size:20px;margin:0;font-weight:800}.promo-box p{color:#64748b;margin-bottom:25px;max-width:500px}.affiliate-code-v2{display:flex;align-items:center;gap:20px;background:#f1f5f9;padding:20px 30px;border-radius:20px;width:fit-content}.dark-mode .affiliate-code-v2{background:#0f172a}.affiliate-code-v2 code{font-size:28px;font-weight:900;color:#1e293b;letter-spacing:2px}.dark-mode .affiliate-code-v2 code{color:#f8fafc}.copy-btn-large{background:#0d9488;color:#fff;border:none;padding:12px 25px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;transition:all .2s}.copy-btn-large:hover{background:#0f766e;transform:scale(1.05)}.earnings-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.leaderboard-preview{display:flex;flex-direction:column;gap:10px;padding:10px 0}.rank-badge{font-size:32px;font-weight:900;color:#0d9488}.affiliate-main-card-small{padding:20px 30px;border-radius:18px;background:#fff;width:fit-content}.card-head-small{display:flex;align-items:center;gap:12px;margin-bottom:10px}.card-head-small .icon{font-size:20px}.card-head-small h4{font-size:16px;margin:0;font-weight:800}.promo-box-small p{color:#64748b;font-size:13px;margin-bottom:15px}.affiliate-code-v3{display:flex;align-items:center;gap:15px;background:#f1f5f9;padding:12px 20px;border-radius:14px;width:fit-content}.dark-mode .affiliate-code-v3{background:#0f172a}.affiliate-code-v3 code{font-size:18px;font-weight:900;color:#1e293b;letter-spacing:1px}.dark-mode .affiliate-code-v3 code{color:#f8fafc}.copy-btn-small-v2{background:#0d9488;color:#fff;border:none;padding:8px 16px;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer;transition:all .2s}.copy-btn-small-v2:hover{background:#0f766e}.recommended-actions{padding:22px;border-radius:20px;background:#f0fdf4!important;border-color:#bbf7d0!important}.dark-mode .recommended-actions{background:#10b98112!important;border-color:#10b9812e!important}.rec-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #bbf7d0}.dark-mode .rec-header{border-color:#ffffff0f}.rec-icon-wrap{width:42px;height:42px;background:linear-gradient(135deg,#bbf7d0,#6ee7b7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 10px #10b9814d}.rec-header h4{margin:0 0 2px;font-size:14px;font-weight:700;color:#1e293b}.dark-mode .rec-header h4{color:#f1f5f9}.rec-subtitle{margin:0;font-size:11px;color:#94a3b8;font-weight:500}.rec-list{display:flex;flex-direction:column;gap:8px}.rec-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#dcfce7;cursor:pointer;transition:background .2s,transform .15s}.dark-mode .rec-item{background:#ffffff0a}.rec-item:hover{background:#bbf7d0;transform:translate(3px)}.dark-mode .rec-item:hover{background:#ffffff14}.rec-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.rec-badge.purple{background:#f5f3ff}.rec-badge.teal{background:#f0fdfa}.rec-badge.orange{background:#fff7ed}.rec-item span:not(.rec-arrow){flex:1;font-size:12.5px;color:#475569;font-weight:500;line-height:1.4}.dark-mode .rec-item span:not(.rec-arrow){color:#94a3b8}.rec-arrow{font-size:18px;color:#cbd5e1;font-weight:300;transition:color .2s}.rec-item:hover .rec-arrow{color:#0d9488}.settings-pane-full{max-width:900px;margin:0 auto}.settings-container{display:flex;flex-direction:column;gap:30px}.settings-section{padding:30px;border-radius:24px}.settings-section h3{margin-top:0;margin-bottom:25px;font-size:18px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f1f5f9}.dark-mode .settings-row{border-color:#ffffff0d}.settings-row:last-child{border-bottom:none}.settings-row label{font-weight:600;font-size:14px}.edit-input{width:250px;padding:10px 15px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;outline:none;font-size:14px;color:#1e293b}.dark-mode .edit-input{background:#0f172a;border-color:#ffffff1a;color:#fff}.edit-input.disabled{opacity:.6;cursor:not-allowed}.profile-pic-uploader{display:flex;align-items:center;gap:15px}.current-pic{width:60px;height:60px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.btn-upload-small{background:transparent;border:1px solid #0d9488;color:#0d9488;padding:6px 15px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.shop-pictures-grid-edit{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.photo-slot{aspect-ratio:1;background:#f1f5f9;border:2px dashed #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#cbd5e1;cursor:pointer;position:relative;overflow:hidden}.shop-pic-overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:10px;cursor:pointer}.shop-pic-overlay span{color:#fff;font-size:14px;font-weight:600}.photo-slot:hover .shop-pic-overlay{opacity:1}.shop-pic-delete-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;opacity:0;transition:opacity .2s ease;line-height:1;padding:0}.photo-slot:hover .shop-pic-delete-btn{opacity:1}.dark-mode .photo-slot{background:#ffffff05;border-color:#ffffff1a}.settings-actions-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 24px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 12px #0000000d;gap:12px}.settings-group-btns{display:flex;flex-direction:column;gap:10px}.btn-setting-danger{display:inline-flex;align-items:center;gap:8px;background:#fff1f2;color:#e11d48;border:1.5px solid #fecdd3;padding:10px 20px;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .2s,transform .15s}.btn-setting-danger:hover{background:#ffe4e6;transform:translateY(-1px)}.btn-setting-link{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0;padding:10px 20px;border-radius:12px;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s,transform .15s}.btn-setting-link:hover{background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.save-settings-btn-main{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;padding:14px 36px;border-radius:14px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px -4px #0d948866;transition:transform .15s,box-shadow .15s;white-space:nowrap}.save-settings-btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #0d948880}.rtl{direction:rtl}.rtl .dashboard-nav{border-right:none;border-left:1px solid #e2e8f0}.rtl .nav-menu button{text-align:right}.glass-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;border-radius:20px;overflow:hidden}.dark-mode .glass-panel{background:#1e293bb3;border-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:1100px){.mechanic-dashboard-v2 .dashboard-layout{grid-template-columns:1fr}.dashboard-divider{display:none}}.sidebar-header-custom{padding:20px 25px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.referral-progress-section{padding:24px;margin-bottom:20px}.referral-progress-section h3{font-size:1.1rem;color:#f1f5f9}.referral-progress-bar-container{position:relative}.referral-progress-track{position:relative;height:8px;background:#1e293b;border-radius:8px;margin:50px 0 80px}.progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:8px;transition:width .6s ease;max-width:100%}.tier-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.tier-dot{width:36px;height:36px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.tier-dot.reached{box-shadow:0 0 12px #fff3}.tier-info{position:absolute;top:44px;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.tier-name{font-weight:700;font-size:.85rem}.tier-amount{font-size:.8rem;font-weight:700}.tier-refs{font-size:.7rem}.earnings-analytics-section{margin-bottom:20px}.earnings-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.earning-stat-card .icon-wrap{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.recent-transactions{padding:20px}.transaction-list{max-height:300px;overflow-y:auto}.transaction-item:last-child{border-bottom:none!important}.admin-btn-credit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}.referral-progress-section{padding:24px;border-radius:16px}.referral-progress-section h3{font-size:18px;font-weight:700;margin:0 0 4px;color:#1e293b}.progress-bar-container{position:relative;margin:30px 0 100px}.progress-bar-track{width:100%;height:10px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#cd7f32,silver,gold);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:2%}.progress-milestones{position:absolute;top:-8px;left:0;right:0;height:100px;pointer-events:none}.progress-milestone{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.milestone-dot{width:26px;height:26px;border-radius:50%;border:3px solid #94a3b8;display:flex;align-items:center;justify-content:center;background:#fff;font-size:12px;transition:all .3s ease;z-index:2}.progress-milestone.reached .milestone-dot{transform:scale(1.15);box-shadow:0 0 12px #ffd7004d}.milestone-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px;white-space:nowrap}.milestone-label strong{font-size:12px;font-weight:700;color:#1e293b}.milestone-label span{font-size:10px;color:#475569}.milestone-earning{font-size:11px!important;font-weight:600;color:#15803d}.current-progress-info{display:flex;justify-content:space-between;padding:12px 16px;background:#0000000a;border-radius:10px;border:1px solid rgba(0,0,0,.08);font-size:13px;color:#334155}.current-progress-info strong{color:#0f172a}.earnings-history-section{padding:24px;border-radius:16px}.earnings-history-section h3{font-size:18px;font-weight:700;margin:0 0 16px}.earnings-history-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto}.earnings-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.eh-left{display:flex;align-items:center;gap:12px}.eh-icon{font-size:20px}.eh-left strong{font-size:15px;color:#16a34a}.eh-tier{display:block;font-size:11px;color:#94a3b8;text-transform:capitalize}.eh-date{font-size:12px;color:#64748b}.dark-mode .referral-progress-section h3{color:#f1f5f9}@media(max-width:768px){.settings-actions-footer{flex-direction:column-reverse;align-items:stretch;gap:14px;padding:16px}.settings-group-btns{flex-direction:row;justify-content:stretch}.btn-setting-danger,.btn-setting-link{flex:1;justify-content:center;text-align:center}.save-settings-btn-main{width:100%;text-align:center;padding:14px}.mechanic-dashboard-v2 .pane-header h2{font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:4px}.mechanic-dashboard-v2 .pane-header p{font-size:.88rem;color:#475569}.expertise-badge{font-size:.75rem!important;padding:5px 11px!important;border-radius:20px!important;display:inline-block;margin-bottom:6px!important}.main-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:16px 14px;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px}.stat-icon{width:42px;height:42px;border-radius:12px;font-size:18px}.stat-info h3{font-size:1.5rem;font-weight:800}.stat-info p{font-size:.72rem;margin-top:2px}.activity-section{margin-top:24px}.activity-section h3{font-size:1rem;margin-bottom:14px}.activity-item{padding:12px 14px;border-radius:14px;gap:12px}.activity-details h4{font-size:.88rem;font-weight:700;margin-bottom:2px}.activity-details p{font-size:.8rem;color:#64748b}.activity-date{font-size:.72rem;white-space:nowrap;flex-shrink:0}.feature-item{padding:16px;border-radius:16px;margin-top:16px!important}.feature-item h4{font-size:.9rem;margin-bottom:10px}.feature-item p{font-size:.85rem}.sub-stat{font-size:.82rem;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05)}.sub-stat:last-child{border-bottom:none}.sub-stat strong{color:#0d9488;font-weight:700}.feature-item select{font-size:.82rem!important;padding:7px 8px!important}.feature-item .small-link{width:100%;text-align:center;margin-top:12px;display:block;box-sizing:border-box;padding:10px 0!important;border-radius:10px!important}.no-activity{padding:24px 16px!important;border-radius:14px}.no-activity p{font-size:.85rem;color:#64748b}}.dark-mode .milestone-label strong{color:#e2e8f0}.dark-mode .milestone-label span{color:#94a3b8}.dark-mode .current-progress-info{background:#ffffff08;border-color:#ffffff0f;color:#cbd5e1}.dark-mode .current-progress-info strong{color:#f1f5f9}.dark-mode .progress-bar-track{background:#1e293b}.dark-mode .milestone-dot{background:#0f172a;border-color:#475569}.dark-mode .earnings-history-item{background:#ffffff08;border-color:#ffffff0f}@media(max-width:600px){.current-progress-info{flex-direction:column;gap:6px}.earnings-stats-row{grid-template-columns:1fr!important}}.admin-btn-credit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.milestone-daily{font-size:.8rem;margin-top:2px}@media(max-width:768px){.earnings-stats-row{grid-template-columns:repeat(2,1fr)}.referral-progress-track{margin:60px 0 100px}.tier-dot{width:28px;height:28px;font-size:.8rem}}.dark-mode .sidebar-header-custom{background:transparent;border-color:#ffffff0d}.sidebar-header-custom h3{margin:0;font-size:16px;font-weight:800;color:#1e293b;letter-spacing:.5px}.dark-mode .sidebar-header-custom h3{color:#f1f5f9}.header-icons{display:flex;gap:8px}.icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13px}.dark-mode .icon-btn{background:#ffffff0d;color:#94a3b8}.icon-btn:hover{background:#e2e8f0;color:#0d9488;transform:translateY(-1px)}.icon-btn[title=Report]:hover,.icon-btn[title=Block]:hover{background:#fee2e2;color:#ef4444}.dark-mode .icon-btn[title=Report]:hover,.dark-mode .icon-btn[title=Block]:hover{background:#ef444426}.back-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;margin-right:4px}.dark-mode .back-btn{background:#1e293b;border-color:#ffffff1a;color:#fff}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}@media(max-width:768px){.main-stats-grid{grid-template-columns:repeat(2,1fr)}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.edit-input{width:100%}.shop-pictures-grid-edit{grid-template-columns:repeat(2,1fr)}}.user-indicator{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:400;color:#1e293b}.dark-mode .user-indicator{color:#f8fafc}.status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180}.lang-urdu .customer-dashboard-v2,.lang-urdu .customer-dashboard-v2 *{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif!important;letter-spacing:0!important}.lang-urdu .customer-dashboard-v2,.lang-urdu .customer-dashboard-v2 p,.lang-urdu .customer-dashboard-v2 span,.lang-urdu .customer-dashboard-v2 h3,.lang-urdu .customer-dashboard-v2 h4,.lang-urdu .customer-dashboard-v2 label,.lang-urdu .customer-dashboard-v2 td,.lang-urdu .customer-dashboard-v2 th{line-height:1.7!important}.lang-urdu .customer-dashboard-v2 .nav-menu button{line-height:1.5!important;min-height:46px!important;height:auto!important;padding:10px 18px!important;text-align:right!important;font-size:13px!important}.lang-urdu .customer-dashboard-v2 .profile-text h3{font-size:14px!important;line-height:1.5!important}.lang-urdu .customer-dashboard-v2 .profile-text span{font-size:11px!important;line-height:1.4!important}.lang-urdu .customer-dashboard-v2 .stat-number,.lang-urdu .customer-dashboard-v2 .badge,.lang-urdu .customer-dashboard-v2 .avatar-circle{font-family:Inter,Outfit,sans-serif!important;line-height:1!important}.lang-urdu .customer-dashboard-v2 .stat-card p,.lang-urdu .customer-dashboard-v2 .stat-card span:not(.stat-number){line-height:1.6!important;font-size:12px!important}.lang-urdu .customer-dashboard-v2 .settings-section h3{font-size:15px!important;line-height:1.7!important;text-align:right!important}.lang-urdu .customer-dashboard-v2 .settings-row label{font-size:13px!important;line-height:1.6!important;text-align:right!important}.lang-urdu .customer-dashboard-v2 .edit-input,.lang-urdu .customer-dashboard-v2 input[type=text],.lang-urdu .customer-dashboard-v2 input[type=number],.lang-urdu .customer-dashboard-v2 input[type=email],.lang-urdu .customer-dashboard-v2 input[type=password],.lang-urdu .customer-dashboard-v2 select{font-family:Inter,Outfit,sans-serif!important;line-height:1.4!important}.lang-urdu .customer-dashboard-v2 textarea{font-family:Noto Nastaliq Urdu,serif!important;line-height:1.8!important;font-size:13px!important;direction:rtl!important;text-align:right!important}.lang-urdu .customer-dashboard-v2 button:not(.sidebar-close-btn):not(.sidebar-toggle-btn):not(.avatar-circle){line-height:1.5!important;min-height:38px!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;font-size:13px!important}.lang-urdu .customer-dashboard-v2 .pane-header h2{font-size:22px!important;line-height:1.6!important}.lang-urdu .customer-dashboard-v2 .pane-header p{font-size:13px!important;line-height:1.7!important}.lang-urdu .customer-dashboard-v2 .user-indicator,.lang-urdu .customer-dashboard-v2 .main-header{font-family:Inter,Outfit,sans-serif!important;line-height:normal!important}.lang-urdu .customer-dashboard-v2 .premium-badge h4{font-size:13px!important;line-height:1.6!important}.lang-urdu .customer-dashboard-v2 .premium-badge span{font-size:11px!important;line-height:1.5!important}.lang-urdu .customer-dashboard-v2 .logout-btn-nav{line-height:1.5!important;font-size:13px!important;min-height:44px!important}.lang-urdu .customer-dashboard-v2 .tab-pane p,.lang-urdu .customer-dashboard-v2 .tab-pane h3,.lang-urdu .customer-dashboard-v2 .tab-pane h4{line-height:1.7!important;text-align:right!important}.lang-urdu .customer-dashboard-v2 .sidebar-header-custom h3{font-size:14px!important;line-height:1.6!important}.lang-urdu .customer-dashboard-v2 .new-on-ahatacar-tag{font-family:Inter,Outfit,sans-serif!important;line-height:1!important;font-size:9px!important}.lang-urdu .customer-dashboard-v2.rtl{direction:rtl!important}.lang-urdu .customer-dashboard-v2.rtl .dashboard-nav{border-right:none!important;border-left:1px solid #e2e8f0!important}.dark-mode.lang-urdu .customer-dashboard-v2.rtl .dashboard-nav{border-left-color:#ffffff0d!important}.profile-form-wrapper{background:linear-gradient(135deg,#f0fdfa,#e0f2f1);padding:60px 20px;min-height:100vh;transition:background .3s ease}.profile-form-container{max-width:850px;margin:0 auto;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:50px;box-shadow:0 20px 60px -10px #0d948826;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}.profile-form-container h2{color:#0d9488;text-align:center;font-size:2.2rem;margin-bottom:10px;font-family:Outfit,sans-serif}.form-subtitle{text-align:center;color:#64748b;margin-bottom:40px}.photo-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.photo-upload-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0d94880f;transition:box-shadow .2s,border-color .2s,transform .2s;cursor:pointer;text-decoration:none}.photo-upload-card:hover{border-color:#0d9488;box-shadow:0 6px 20px #0d948826;transform:translateY(-2px)}.photo-upload-card-header{width:100%;background:linear-gradient(135deg,#0d9488,#14b8a6);padding:8px 14px;display:flex;align-items:center;gap:8px;box-sizing:border-box}.photo-upload-card-header span{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.03em}.photo-upload-card-body{width:100%;display:flex;align-items:center;justify-content:center;padding:20px 12px;min-height:110px;position:relative;background:#f8fafc;box-sizing:border-box}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.photo-upload-placeholder .upload-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ccfbf1,#e0f2fe);display:flex;align-items:center;justify-content:center;font-size:22px}.photo-upload-placeholder p{font-size:11px;color:#94a3b8;margin:0;text-align:center;line-height:1.5}.photo-upload-preview-img{width:100%;height:110px;object-fit:cover;display:block}.photo-upload-card-overlay{position:absolute;inset:0;background:#0d9488bf;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;font-size:13px;font-weight:600;color:#fff}.photo-upload-card:hover .photo-upload-card-overlay{opacity:1}.upload-section-title{font-weight:600;color:#334155;margin-bottom:15px;display:block}.mechanic-pic-upload-container{display:flex;justify-content:center;align-items:center;width:100%}.mechanic-pic-preview{width:160px;height:160px;border-radius:50%;border:3px dashed #cbd5e1;background:#f8fafc;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.mechanic-pic-preview:hover{border-color:#0d9488;transform:scale(1.02);box-shadow:0 10px 25px -5px #0d948833}.mechanic-pic-preview img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;font-size:14px;font-weight:500}.mechanic-pic-preview:hover .upload-overlay{opacity:1}.placeholder-content{text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px}.camera-icon{font-size:32px;color:#cbd5e1}.shop-photos-grid,.id-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:10px}.id-card-grid{display:flex;justify-content:center;width:100%}.shop-photo-slot,.id-card-slot{aspect-ratio:4/3;width:100%;max-width:250px;border:3px dashed #cbd5e1;border-radius:12px;background:#f8fafc;position:relative;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.shop-photo-slot:hover,.id-card-slot:hover{border-color:#0d9488;background:#f0fdfa}.shop-photo-slot img,.id-card-slot img{width:100%;height:100%;object-fit:cover}.profile-form-container .input-group{margin-bottom:25px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;transition:all .3s ease;display:flex;flex-direction:column}.profile-form-container .input-group:focus-within{border-color:#0d9488;background:#fff;box-shadow:0 10px 15px -3px #0d94881a}.profile-form-container .input-group label{display:block;margin-bottom:12px;color:#64748b;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.profile-form-container .input-group:focus-within label{color:#0d9488}.profile-form-container .input-group input,.profile-form-container .input-group select,.profile-form-container .input-group textarea{width:100%;padding:12px 16px;border:1px solid #cbd5e1!important;border-radius:10px;background:#fff!important;font-size:1rem;color:#1e293b;outline:none!important;font-family:inherit;transition:all .2s ease}.profile-form-container .input-group input:focus,.profile-form-container .input-group select:focus,.profile-form-container .input-group textarea:focus{border-color:#0d9488!important;box-shadow:0 0 0 3px #0d94881a}.switch-group{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:20px;border-radius:16px;border:2px solid #e2e8f0}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#0d9488}input:checked+.slider:before{transform:translate(24px)}.expertise-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.expertise-label{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:10px;border:2px solid #cbd5e1;cursor:pointer;transition:all .2s}.expertise-label:hover{border-color:#0d9488;background:#f0fdfa}.expertise-label.selected{background:#f0fdfa;border-color:#0d9488;box-shadow:0 4px 6px -1px #0d94881a}.expertise-label input{width:18px!important;height:18px!important;accent-color:#0d9488}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submit-profile-btn{width:100%;padding:18px;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;text-transform:uppercase;letter-spacing:.05em}.submit-profile-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #0d948866}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{background:#64748b;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.back-btn:hover{background:#475569;transform:translate(-5px)}.dark-mode .profile-form-wrapper{background:radial-gradient(circle at top right,#1e293b,#0f172a)}.dark-mode .profile-form-container{background:#1e293bd9;border-color:#ffffff1a;box-shadow:0 20px 60px -10px #0009;color:#f8fafc}.dark-mode .profile-form-container h2{color:#2dd4bf}.dark-mode .form-subtitle,.dark-mode .upload-section-title{color:#cbd5e1}.dark-mode .profile-form-container .input-group,.dark-mode .switch-group{background:#0f172a99;border-color:#ffffff1a}.dark-mode .profile-form-container .input-group:focus-within{background:#0f172acc;border-color:#2dd4bf}.dark-mode .profile-form-container .input-group label{color:#94a3b8}.dark-mode .profile-form-container .input-group:focus-within label{color:#2dd4bf}.dark-mode .profile-form-container .input-group input,.dark-mode .profile-form-container .input-group select,.dark-mode .profile-form-container .input-group textarea{background:#0f172a!important;border-color:#334155!important;color:#fff}.dark-mode .profile-form-container .input-group input:focus,.dark-mode .profile-form-container .input-group select:focus,.dark-mode .profile-form-container .input-group textarea:focus{border-color:#2dd4bf!important;background:#020617!important}.dark-mode .mechanic-pic-preview,.dark-mode .shop-photo-slot,.dark-mode .id-card-slot{background:#0f172acc;border-color:#475569}.dark-mode .placeholder-content{color:#cbd5e1}.dark-mode .expertise-label{background:#0f172a99;border-color:#334155;color:#cbd5e1}.dark-mode .expertise-label:hover{border-color:#2dd4bf;background:#2dd4bf1a}.dark-mode .expertise-label.selected{background:#0d94884d;border-color:#2dd4bf;color:#fff}.dark-mode .back-btn{background:#ffffff1a;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.dark-mode .back-btn:hover{background:#fff3;color:#fff}@media(max-width:768px){.profile-form-wrapper{padding:0;background:#f0fdfa}.profile-form-container{padding:24px 16px 36px;border-radius:0;box-shadow:none;border:none;margin:0;max-width:100%}.profile-form-container h2{font-size:1.4rem}.form-subtitle{font-size:.85rem;margin-bottom:20px}.input-row{grid-template-columns:1fr;gap:0}.profile-form-container .input-group{padding:14px 12px;margin-bottom:12px;border-radius:14px}.profile-form-container .input-group label{font-size:.78rem;margin-bottom:8px}.profile-form-container .input-group input,.profile-form-container .input-group select,.profile-form-container .input-group textarea{padding:13px 12px;font-size:16px;border-radius:10px}.photo-upload-card-header span{font-size:.68rem}.photo-upload-card-body{min-height:80px;padding:14px 8px}.photo-upload-placeholder .upload-icon{width:36px;height:36px;font-size:18px}.photo-upload-placeholder p{font-size:10px}.shop-photos-grid{grid-template-columns:repeat(2,1fr)}.expertise-checkbox-group{grid-template-columns:1fr;gap:8px}.expertise-label{padding:13px 12px;font-size:14px}.switch-group{padding:14px 12px;font-size:.85rem;gap:8px}.submit-profile-btn{padding:16px;font-size:1rem;border-radius:14px;margin-top:16px;letter-spacing:.03em}.shop-timing-row{flex-direction:column;gap:8px}.shop-timing-row .timing-separator{display:none}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}*,*:before,*:after{box-sizing:border-box;max-width:100vw}.edit-input{color:#1e293b}.dark-mode .edit-input{color:#fff}html,body,#root{width:100%;overflow-x:hidden}.mechanic-profile-page{min-height:100vh;background:radial-gradient(circle at top right,#f8fafc,#eef2ff);padding-top:40px;padding-bottom:100px;font-family:Outfit,sans-serif;color:#0f172a;position:relative;overflow-x:hidden;transition:background .5s ease,color .5s ease}.dark-mode .mechanic-profile-page{background:radial-gradient(circle at top right,#1e293b,#0f172a);color:#f8fafc}.mechanic-profile-page:before{content:"";position:absolute;top:-10%;right:-10%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(13,148,136,.05) 0%,transparent 70%);border-radius:50%;z-index:0}.profile-hero-banner{height:180px;background:linear-gradient(135deg,#0d9488,#0f172a);position:relative;border-radius:40px;margin:0 32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #0d948840;display:flex;align-items:center;justify-content:center}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px,80px 80px,80px 80px;opacity:.8}.hero-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(45,212,191,.2) 0%,transparent 70%);filter:blur(40px);animation:pulseGlow 10s infinite alternate}@keyframes pulseGlow{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:.8}}.back-nav-btn{position:absolute;top:32px;left:40px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 28px;border-radius:30px;cursor:pointer;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:12px;z-index:10;letter-spacing:.5px}.back-nav-btn:hover{background:#fff3;transform:translate(-10px);box-shadow:0 0 30px #0d948866}.profile-content-container{max-width:1200px;margin:20px auto 0;padding:0 32px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:5}.profile-sidebar-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;padding:40px 56px;box-shadow:0 40px 80px -20px #0000001a,0 0 0 1px #ffffff80 inset;text-align:left;border:1px solid rgba(13,148,136,.1);height:fit-content;display:flex;flex-direction:row;align-items:center;gap:30px;position:relative}.profile-report-trigger{position:absolute;top:15px;right:15px;background:#ef44441a;border:1px solid rgba(239,68,68,.15);color:#ef4444;width:42px;height:42px;border-radius:12px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:100;box-shadow:0 2px 8px #ef444414}.profile-report-trigger svg{width:22px;height:22px;min-width:22px;min-height:22px;display:block}.profile-report-trigger:hover{background:#ef4444;color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 10px 20px #ef44444d}.dark-mode .profile-report-trigger{background:#ef444426;border-color:#ef44444d}.dark-mode .profile-report-trigger:hover{background:#ef4444;color:#fff}.profile-avatar-large{width:150px;height:150px;border-radius:20px;margin:0;border:8px solid white;box-shadow:0 20px 50px #0d948833,0 0 0 12px #0d94880d;object-fit:cover;background:#f1f5f9;transition:transform .5s ease;flex-shrink:0}.profile-sidebar-card:hover .profile-avatar-large{transform:scale(1.03)}.profile-info-wrapper{flex:1}.profile-name-large{font-size:2.2rem;color:#0f172a;margin-bottom:4px;font-weight:900;letter-spacing:-1.5px;line-height:1.1;background:linear-gradient(to bottom,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-specialty{font-size:1.1rem;color:#0d9488;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.profile-location{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#64748b;margin-bottom:6px;font-size:1rem;font-weight:500}.profile-shop{display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#475569;margin-bottom:16px;font-size:1rem;font-weight:500}.profile-stats-row{display:flex;justify-content:flex-start;gap:40px;margin-bottom:0;padding:20px 0 0;border-top:1px solid rgba(0,0,0,.05);border-bottom:none}.stat-item{flex:0 1 auto}.stat-item h4{font-size:1.6rem;color:#0f172a;margin:0;font-weight:800}.stat-item span{color:#94a3b8;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.response-note{font-size:.9rem;color:#94a3b8;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:20px}.sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:0;min-width:220px;flex-shrink:0}.phone-number-reveal{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed rgba(14,165,233,.3);padding:16px;border-radius:20px;margin-top:0;box-shadow:0 10px 20px #0ea5e91a;text-align:center;transform-origin:top}.phone-link{color:#0369a1;font-size:1.3rem;font-weight:900;text-decoration:none;letter-spacing:1.5px;display:block;margin-bottom:4px}.call-hint{font-size:.75rem;color:#38bdf8;text-transform:uppercase;font-weight:700;margin:4px 0 0}.btn-secondary.active{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.animate-slide-down{animation:slideDownFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-btn{padding:14px;border-radius:20px;border:none;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:12px}.btn-primary{background:linear-gradient(135deg,#0f766e,#134e4a);color:#fff;box-shadow:0 15px 35px #0f766e4d}.btn-primary:hover{transform:translateY(-6px);box-shadow:0 25px 50px #0f766e66}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#f8fafc;border-color:#0d9488;color:#0d9488;transform:translateY(-3px)}.btn-contact-msg{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;box-shadow:0 15px 35px #0d94884d}.btn-contact-msg:hover{transform:translateY(-6px);box-shadow:0 25px 50px #0d948866}.btn-contact-msg:disabled{opacity:.7;cursor:not-allowed;transform:translateY(0)}.btn-give-review{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 15px 35px #3b82f64d}.btn-give-review:hover{transform:translateY(-6px);box-shadow:0 25px 50px #3b82f666}.btn-favorite{background:#fff;color:#475569;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.btn-favorite:hover{border-color:#ef4444;color:#ef4444;transform:translateY(-4px);box-shadow:0 15px 35px #ef444426}.btn-favorite.favorited{background:#fef2f2;border-color:#ef4444;color:#ef4444}.btn-favorite.favorited:hover{background:#fee2e2}.response-note{font-size:.9rem;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:8px}.profile-main-content{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;padding:60px;box-shadow:0 20px 60px -20px #0000000d;min-height:600px;border:1px solid rgba(255,255,255,.8)}.profile-tabs{display:flex;gap:16px;background:#00000008;padding:8px;border-radius:24px;margin-bottom:56px}.tab-btn{flex:1;padding:16px 32px;border-radius:18px;background:transparent;border:none;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:1rem;letter-spacing:.5px}.tab-btn:hover{color:#0d9488}.tab-btn.active{background:#fff;color:#0d9488;box-shadow:0 10px 25px #0000000d}.content-section{animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.section-title{font-size:1.4rem;font-family:Outfit,sans-serif;color:#1e293b;margin-bottom:32px;font-weight:700;display:flex;align-items:center;gap:16px;letter-spacing:-.3px}.section-title span{font-size:1.8rem}.detail-card{background:#fff;border-radius:32px;padding:40px;margin-bottom:40px;box-shadow:0 15px 40px -10px #00000008;border:1px solid #f1f5f9}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.info-item label{display:block;color:#94a3b8;font-size:.8rem;font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.info-item p{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0}.professional-summary-text{color:#475569;line-height:1.9;font-size:1.2rem;font-weight:450}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:32px}.gallery-item{aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 10px 30px #0000000d;background:#f1f5f9}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.gallery-item:hover img{transform:scale(1.1)}.review-card{padding:16px 24px;background:#fff;border-radius:16px;margin-bottom:12px;border:1px solid #f1f5f9;transition:all .3s ease}.review-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px #0d94881a;border-color:#cbd5e1}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reviewer-info h5{margin:0;font-size:1.2rem;font-weight:800;color:#1e293b}.review-text{color:#475569;line-height:1.7;font-size:1.05rem;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.profile-content-container{margin-top:-100px}.profile-sidebar-card{position:static;max-width:600px;margin:0 auto;flex-direction:column;text-align:center;padding:40px 32px;gap:24px}.profile-location,.profile-stats-row,.response-note{justify-content:center}.sidebar-actions{width:100%}.profile-main-content{padding:40px}}.dark-mode .profile-sidebar-card,.dark-mode .profile-main-content,.dark-mode .detail-card,.dark-mode .review-card{background:#1e293bb3;border-color:#ffffff0d;box-shadow:0 40px 80px -20px #00000080;color:#f8fafc}.dark-mode .profile-sidebar-card{box-shadow:0 40px 80px -20px #00000080,0 0 0 1px #ffffff0d inset}.dark-mode .profile-name-large{background:linear-gradient(to bottom,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.dark-mode .stat-item h4,.dark-mode .info-item p,.dark-mode .section-title,.dark-mode .reviewer-info h5{color:#f8fafc}.dark-mode .profile-specialty{color:#2dd4bf}.dark-mode .profile-tabs{background:#ffffff0d}.dark-mode .tab-btn.active{background:#ffffff1a;color:#2dd4bf}.dark-mode .tab-btn:hover{color:#2dd4bf}.dark-mode .professional-summary-text,.dark-mode .review-text,.dark-mode .profile-location{color:#94a3b8}.dark-mode .profile-avatar-large{border-color:#1e293b}.dark-mode .btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:#cbd5e1}.dark-mode .btn-secondary:hover{background:#ffffff1a;color:#2dd4bf;border-color:#2dd4bf}.dark-mode .detail-card,.dark-mode .review-card{background:#0f172a66}.tool-btn{transition:all .2s ease}.tool-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dark-mode .tool-btn{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}.dark-mode .tool-btn:hover{background:#334155!important;box-shadow:0 4px 12px #0000004d}.dark-mode .fav-btn.favorited{background:#ef444433!important;border-color:#ef44444d!important}.share-dropdown-menu{animation:dropdownFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .share-dropdown-menu{background:#1e293b!important;border-color:#334155!important;box-shadow:0 12px 32px #0006!important}.dark-mode .share-dropdown-menu button:hover{background:#ffffff0d!important}@media(max-width:768px){.mechanic-profile-page{padding-top:70px;overflow-x:hidden}.profile-content-container{margin-top:0;padding:0 14px 60px;gap:16px}.profile-hero-banner{height:150px;border-radius:24px;margin:0 12px}.back-nav-btn{top:16px;left:16px;padding:10px 18px;font-size:.85rem;gap:8px;border-radius:20px}.profile-sidebar-card{flex-direction:column;align-items:center;text-align:center;padding:80px 24px 28px;border-radius:28px;gap:0;margin-top:-60px}.profile-avatar-large{width:110px;height:110px;border-width:5px;border-radius:16px;margin-top:-80px;margin-bottom:14px}.profile-info-wrapper{width:100%}.profile-name-large{font-size:1.7rem;letter-spacing:-1px}.profile-specialty{font-size:.85rem;letter-spacing:1.5px;padding:0}.profile-location,.profile-shop{justify-content:center}.profile-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:0;justify-content:center;width:100%;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#f8fafc99;padding:10px 0;margin:16px 0 4px}.stat-item{padding:6px 0;text-align:center}.stat-item:nth-child(odd){border-right:1px solid rgba(0,0,0,.06)}.stat-item h4{font-size:1.4rem}.response-note{justify-content:center;margin-top:12px}.sidebar-actions{flex-direction:column;width:100%;gap:10px;margin-top:16px}.sidebar-actions>*{width:100%}.action-btn{height:52px;font-size:.95rem;border-radius:16px;width:100%}.sidebar-actions>div[style]{width:100%!important;justify-content:stretch!important}.profile-main-content{padding:24px 16px;border-radius:24px}.profile-tabs{display:flex;overflow-x:auto;white-space:nowrap;gap:6px;padding:6px;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:28px}.profile-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding:10px 16px;font-size:.85rem;border-radius:14px;min-width:fit-content}.detail-card{padding:18px 16px;border-radius:20px}.info-grid{grid-template-columns:1fr;gap:20px}.review-card{padding:16px;border-radius:14px}.review-header{flex-direction:column;align-items:flex-start;gap:6px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.profile-report-trigger{top:10px;right:10px;width:36px;height:36px;border-radius:10px}.profile-report-trigger svg{width:18px;height:18px;min-width:18px;min-height:18px}.section-title{font-size:1.1rem;margin-bottom:20px}.professional-summary-text{font-size:1rem;line-height:1.75}}@media(max-width:640px){.mechanic-profile-page{padding-top:60px;overflow-x:hidden;width:100vw;margin:0;border-radius:0!important;box-shadow:none!important}.mechanic-profile-page:before{display:none}.profile-hero-banner{height:140px;border-radius:0!important;margin:0;width:100vw;box-shadow:none!important}.back-nav-btn{top:14px;left:14px;padding:9px 16px;font-size:.8rem;border-radius:18px;gap:6px}.profile-content-container{padding:0 12px 60px;margin-top:0;gap:14px;align-items:stretch}.profile-sidebar-card{flex-direction:column;align-items:center;text-align:center;padding:30px 10px 20px;border-radius:0;box-shadow:none;gap:0;margin-top:0;width:100%;box-sizing:border-box}.profile-avatar-large{width:130px;height:130px;border-radius:16px;border-width:5px;margin-top:-50px;margin-bottom:14px;box-shadow:0 10px 30px #0d948833}.profile-info-wrapper{width:100%}.profile-name-large{font-size:1.5rem;letter-spacing:-.5px;word-break:break-word;padding:0}.profile-specialty{font-size:.72rem;letter-spacing:1.5px;padding:0;word-break:break-word;overflow-wrap:break-word}.profile-location,.profile-shop{justify-content:center;font-size:.88rem}.profile-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:0;justify-content:center;width:100%;border:1px solid rgba(0,0,0,.07);border-radius:14px;background:#f8fafcb3;padding:8px 0;margin:14px 0 4px}.stat-item{padding:4px 0;text-align:center}.stat-item h4{font-size:1.25rem}.stat-item span{font-size:.7rem}.stat-item:nth-child(odd){border-right:1px solid rgba(0,0,0,.07)}.response-note{justify-content:center;font-size:.8rem;margin-top:10px}.sidebar-actions{flex-direction:column;width:100%;gap:10px;margin-top:14px}.sidebar-actions>*{width:100%;box-sizing:border-box}.action-btn{height:50px;font-size:.92rem;border-radius:14px;width:100%;padding:0 16px}.sidebar-actions>div[style*=display]{width:100%!important}.profile-report-trigger{top:10px;right:10px;width:34px;height:34px;border-radius:10px}.profile-report-trigger svg{width:17px;height:17px;min-width:17px;min-height:17px}.profile-main-content{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:0;box-shadow:none}.profile-tabs{display:flex;overflow-x:auto;white-space:nowrap;gap:6px;padding:5px;margin-bottom:24px;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding:9px 14px;font-size:.82rem;border-radius:12px;min-width:fit-content}.section-title{font-size:1rem;margin-bottom:16px;gap:10px}.section-title span{font-size:1.3rem}.detail-card{padding:16px 14px;border-radius:18px}.info-grid{grid-template-columns:1fr;gap:18px}.info-item p{font-size:1.05rem}.professional-summary-text{font-size:.95rem;line-height:1.75;overflow-wrap:break-word;word-break:break-word;width:100%;max-width:100%;display:block}.review-card{padding:14px;border-radius:14px}.review-header{flex-direction:column;align-items:flex-start;gap:4px}.reviewer-info h5{font-size:1rem}.review-text{font-size:.9rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item{border-radius:14px}.phone-number-reveal{padding:12px;border-radius:14px}.phone-link{font-size:1.1rem;letter-spacing:1px}.dark-mode .profile-stats-row{background:#0f172a66;border-color:#ffffff12}.dark-mode .stat-item:nth-child(odd){border-right-color:#ffffff12}}.stats-section{position:relative;background:var(--bg);overflow:hidden;padding:20px 0 80px}.stats-section:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(45,212,191,.05) 0%,transparent 70%);z-index:0;pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;position:relative;z-index:1}.stat-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:30px 20px;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text}.stat-label{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-desc{font-size:.9rem;color:var(--text-secondary)}.stats-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;position:relative;z-index:1}.stat-feature-item{display:flex;align-items:center;gap:15px;background:#ffffff80;padding:15px 20px;border-radius:var(--radius-md);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .2s ease}.stat-feature-item:hover{transform:scale(1.02);background:var(--card-bg);border-color:var(--primary)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-light);color:var(--primary);border-radius:50%;font-size:1.2rem;flex-shrink:0}.feature-text{font-weight:600;color:var(--text-primary);font-size:.95rem}.dark-mode .stats-section{background:var(--bg)}.dark-mode .stats-section:before{background:radial-gradient(circle,rgba(45,212,191,.1) 0%,transparent 70%)}.dark-mode .stat-card{background:#1e293b66;border-color:#ffffff0d}.dark-mode .stat-card:hover{background:#1e293bcc;border-color:var(--primary)}.dark-mode .stat-feature-item{background:#1e293b66;border-color:#ffffff0d}.dark-mode .stat-feature-item:hover{background:#1e293bcc;border-color:var(--primary)}.dark-mode .feature-icon{background:#2dd4bf33;color:var(--primary-light)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stats-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-section{padding:10px 0 48px}.stats-grid{gap:14px;margin-bottom:20px}.stat-card{border-radius:14px;padding:18px 14px}.stat-number{font-size:2.2rem}.stat-label{font-size:.9rem}.stat-desc{font-size:.82rem}.stats-features{gap:12px}.stat-feature-item{border-radius:12px;padding:12px;gap:10px}.feature-icon{width:34px;height:34px;font-size:1rem}.feature-text{font-size:.86rem}}@media(max-width:640px){.stats-grid,.stats-features{grid-template-columns:1fr}.stat-number{font-size:2.5rem}}@media(max-width:480px){.stat-number{font-size:2rem}}.benefits-section{padding:20px 0 80px;background:var(--bg);position:relative;overflow:hidden}.benefits-section .section-header{margin-bottom:3rem}.benefits-slider-container{position:relative;max-width:1200px;margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:0 25px 50px #0003;background:var(--card-bg);min-height:420px;display:flex;align-items:center;justify-content:center}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--primary);font-size:2rem;width:60px;height:60px;border-radius:50%;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.slider-nav-btn:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #0d948866}.slider-nav-btn.prev{left:20px}.slider-nav-btn.next{right:20px}.benefits-slide-content-wrapper{display:flex;width:100%;height:100%;min-height:420px;position:relative}.slide-image-container{flex:1.2;position:relative;overflow:hidden}.slide-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-out;transform:scale(1.1)}.slide-image.active{opacity:1;transform:scale(1)}.slide-overlay-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#0f172a00,#0f172acc);pointer-events:none;z-index:1}.slide-text-content{flex:.8;position:relative;background:var(--card-bg);background:linear-gradient(135deg,#1e293bf2,#0f172afa);display:flex;align-items:center;justify-content:center;padding:4rem;z-index:2;box-shadow:-10px 0 30px #0003}.text-content-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:80%;text-align:left;opacity:0;transition:all .6s ease-out;pointer-events:none}.text-content-inner.active{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.percentage-badge{font-family:Orbitron,sans-serif;font-size:5rem;font-weight:900;color:transparent;background:linear-gradient(135deg,var(--primary) 0%,#2dd4bf 50%,white 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;line-height:1;filter:drop-shadow(0 0 10px rgba(13,148,136,.3));opacity:0;transform:translateY(20px);transition:all .6s ease-out .2s}.text-content-inner.active .percentage-badge{opacity:1;transform:translateY(0)}.slide-highlight{font-family:Orbitron,sans-serif;font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:1px;opacity:0;transform:translateY(20px);transition:all .6s ease-out .3s}.text-content-inner.active .slide-highlight{opacity:1;transform:translateY(0)}.slide-description{font-family:Outfit,sans-serif;font-size:1.25rem;line-height:1.8;color:#cbd5e1;opacity:0;transform:translateY(20px);transition:all .6s ease-out .4s}.text-content-inner.active .slide-description{opacity:1;transform:translateY(0)}.slider-pagination{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.pagination-dot{width:12px;height:12px;background:#ffffff4d;border-radius:50%;cursor:pointer;transition:all .3s ease}.pagination-dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 10px var(--primary)}.pagination-dot:hover{background:#fffc}@media(max-width:900px){.benefits-slide-content-wrapper{flex-direction:column}.slide-image-container{flex:1;height:300px}.slide-text-content{height:auto;min-height:350px;padding:2rem}.text-content-inner{width:90%}.percentage-badge{font-size:3.5rem}.slide-highlight{font-size:1.5rem}.slide-description{font-size:1.1rem}.slider-nav-btn{width:45px;height:45px;font-size:1.2rem}}@media(max-width:768px){.benefits-section{padding:10px 0 46px}.benefits-slider-container{border-radius:18px;min-height:auto}.slide-image-container{height:220px}.slide-text-content{min-height:270px;padding:1.2rem 1rem 2.8rem}.text-content-inner{width:92%}.percentage-badge{font-size:2.6rem}.slide-highlight{font-size:1.3rem;margin-bottom:.9rem}.slide-description{font-size:.95rem;line-height:1.6}.slider-nav-btn{width:38px;height:38px;font-size:1rem;top:auto;bottom:10px;transform:none}.slider-nav-btn.prev{left:12px}.slider-nav-btn.next{right:12px}.slider-nav-btn:hover{transform:none}.slider-pagination{bottom:14px}}@media(max-width:480px){.benefits-slider-container{border-radius:14px}.slide-image-container{height:180px}.slide-text-content{min-height:250px;padding:1rem .9rem 2.7rem}.percentage-badge{font-size:2.2rem}.slide-highlight{font-size:1.1rem}.slide-description{font-size:.88rem}}.admin-dashboard-v2 .admin-nav{background:linear-gradient(180deg,#0f172a,#1e293b)}.admin-dashboard-v2 .admin-avatar-circle{background:linear-gradient(135deg,#dc2626,#991b1b);font-size:20px;display:flex;align-items:center;justify-content:center}.admin-dashboard-v2 .nav-menu button.active{background:#dc262626;border-left:3px solid #dc2626}.admin-indicator{font-weight:600;color:#dc2626}.admin-dot{background:#dc2626!important}.admin-stats-grid{grid-template-columns:repeat(4,1fr)!important}@media(max-width:900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}}.admin-quick-stats{margin-top:20px}.quick-stat-row{display:flex;gap:16px}.quick-stat{flex:1;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.dark-mode .quick-stat{background:#ffffff0a;border-color:#ffffff14}.quick-stat.approved{border-left:4px solid #16a34a}.quick-stat.rejected{border-left:4px solid #dc2626}.quick-stat.suspended{border-left:4px solid #92400e}.filter-btn.suspended{color:#92400e}.filter-btn.suspended.active{background:#92400e;color:#fff;border-color:#92400e}.qs-icon{font-size:24px}.quick-stat h4{font-size:22px;font-weight:800;margin:0}.quick-stat p{font-size:12px;color:#64748b;margin:0}.admin-quick-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.admin-action-btn{display:flex;align-items:center;gap:10px;padding:14px 20px;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.admin-action-btn.pending-btn{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.admin-action-btn.reports-btn{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.admin-action-btn.referral-btn{background:#f0fdf4;color:#166534;border:1px solid #86efac}.admin-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dark-mode .admin-action-btn.pending-btn{background:#fbbf241a;border-color:#fbbf244d;color:#fbbf24}.dark-mode .admin-action-btn.reports-btn{background:#dc26261a;border-color:#dc26264d;color:#f87171}.dark-mode .admin-action-btn.referral-btn{background:#16a34a1a;border-color:#16a34a4d;color:#4ade80}.admin-security-info{margin-top:12px}.security-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#64748b;border-bottom:1px solid #f1f5f9}.dark-mode .security-row{border-color:#ffffff0f}.admin-search-bar{margin-bottom:20px}.admin-search-input{width:100%;padding:12px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:border-color .2s ease;background:#f8fafc;box-sizing:border-box}.admin-search-input:focus{border-color:#6366f1;background:#fff}.dark-mode .admin-search-input{background:#ffffff0a;border-color:#ffffff1a;color:#e2e8f0}.dark-mode .admin-search-input:focus{border-color:#818cf8;background:#ffffff14}.admin-filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:8px 18px;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;background:#fff;color:#475569;transition:all .2s ease}.filter-btn:hover{background:#f1f5f9}.filter-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.filter-btn.pending.active{background:#f59e0b;border-color:#f59e0b}.filter-btn.approved.active{background:#16a34a;border-color:#16a34a}.filter-btn.rejected.active{background:#dc2626;border-color:#dc2626}.dark-mode .filter-btn{background:#ffffff0a;border-color:#ffffff1a;color:#94a3b8}.dark-mode .filter-btn:hover{background:#ffffff14}.dark-mode .filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.admin-loading{text-align:center;padding:60px 20px;color:#64748b;font-size:16px}.admin-table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid #e2e8f0}.dark-mode .admin-table-wrapper{border-color:#ffffff14}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:#f8fafc}.dark-mode .admin-table thead{background:#ffffff0a}.admin-table th{text-align:left;padding:14px 18px;font-weight:700;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.dark-mode .admin-table th{color:#94a3b8;border-color:#ffffff14}.admin-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;color:#334155}.dark-mode .admin-table td{border-color:#ffffff0a;color:#e2e8f0}.admin-table tr:hover{background:#f8fafc}.dark-mode .admin-table tr:hover{background:#ffffff0a}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.admin-empty{text-align:center;padding:40px;color:#94a3b8}.admin-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-danger:hover{background:#dc2626;color:#fff}.admin-btn-success{background:#f0fdf4;color:#16a34a;border:1px solid #86efac;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-success:hover{background:#16a34a;color:#fff}.admin-btn-warning{background:#fffbeb;color:#d97706;border:1px solid #fcd34d;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-warning:hover{background:#d97706;color:#fff}.admin-btn-info{background:#eff6ff;color:#2563eb;border:1px solid #93c5fd;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-info:hover{background:#2563eb;color:#fff}.admin-btn-suspend{background:#fefce8;color:#92400e;border:1px solid #fbbf24;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-suspend:hover{background:#92400e;color:#fff}.admin-btn-credit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-credit:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.suspended-row{background:#dc26260d!important}.suspended-row td{opacity:.85}.status-badge.status-suspended{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.status-active{background:#f0fdf4;color:#16a34a;border:1px solid #86efac;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.admin-action-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-input{font-family:inherit;font-size:14px}.admin-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.admin-btn-secondary:hover{background:#e2e8f0}.dark-mode .admin-btn-danger{background:#dc26261a;border-color:#dc26264d}.dark-mode .admin-btn-success{background:#16a34a1a;border-color:#16a34a4d}.dark-mode .admin-btn-warning{background:#d977061a;border-color:#d977064d}.dark-mode .admin-btn-info{background:#2563eb1a;border-color:#2563eb4d}.dark-mode .admin-btn-suspend{background:#92400e26;border-color:#fbbf244d;color:#fbbf24}.dark-mode .status-badge.status-suspended{background:#dc262626;border-color:#dc26264d;color:#f87171}.dark-mode .status-badge.status-active{background:#16a34a26;border-color:#16a34a4d;color:#4ade80}.dark-mode .suspended-row{background:#dc262614!important}.dark-mode .admin-btn-secondary{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}.admin-mechanic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}@media(max-width:800px){.admin-mechanic-grid{grid-template-columns:1fr}}.admin-mechanic-card{border-radius:16px;padding:20px;border:1px solid #e2e8f0;transition:all .2s ease}.admin-mechanic-card:hover{box-shadow:0 8px 25px #00000014}.admin-mechanic-card.status-pending{border-left:4px solid #f59e0b}.admin-mechanic-card.status-approved{border-left:4px solid #16a34a}.admin-mechanic-card.status-rejected{border-left:4px solid #dc2626}.dark-mode .admin-mechanic-card{border-color:#ffffff14}.amc-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.amc-avatar{width:90px;height:90px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.amc-avatar img{width:100%;height:100%;object-fit:cover}.amc-avatar span{color:#fff;font-size:36px;font-weight:700}.amc-info h4{margin:0;font-size:16px;font-weight:700}.amc-info p{margin:2px 0;font-size:13px;color:#64748b}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-top:4px}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-approved{background:#dcfce7;color:#166534}.status-badge.status-rejected{background:#fef2f2;color:#991b1b}.status-badge.status-reviewed{background:#eff6ff;color:#1e40af}.status-badge.status-resolved{background:#dcfce7;color:#166534}.status-badge.status-dismissed{background:#f1f5f9;color:#475569}.dark-mode .status-badge.status-pending{background:#fbbf2426;color:#fbbf24}.dark-mode .status-badge.status-approved,.dark-mode .status-badge.status-resolved{background:#16a34a26;color:#4ade80}.dark-mode .status-badge.status-rejected{background:#dc262626;color:#f87171}.dark-mode .status-badge.status-reviewed{background:#2563eb26;color:#60a5fa}.dark-mode .status-badge.status-dismissed{background:#ffffff0f;color:#94a3b8}.amc-details{margin-bottom:14px}.amc-detail-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;color:#475569}.dark-mode .amc-detail-row{color:#94a3b8}.amc-detail-row code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px}.dark-mode .amc-detail-row code{background:#ffffff14}.rejection-reason{color:#dc2626!important;font-style:italic}.amc-id-card{margin:12px 0}.amc-id-card p{font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.amc-id-card img{width:100%;max-height:150px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0}.dark-mode .amc-id-card img{border-color:#ffffff14}.amc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.dark-mode .amc-actions{border-color:#ffffff0f}.admin-reports-list{display:flex;flex-direction:column;gap:16px}.admin-report-card{padding:20px;border-radius:14px;border:1px solid #e2e8f0}.dark-mode .admin-report-card{border-color:#ffffff14}.admin-report-card.report-pending{border-left:4px solid #f59e0b}.admin-report-card.report-reviewed{border-left:4px solid #2563eb}.admin-report-card.report-resolved{border-left:4px solid #16a34a}.admin-report-card.report-dismissed{border-left:4px solid #94a3b8}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.report-type-badge{font-size:13px;font-weight:700;padding:4px 12px;border-radius:8px;background:#f1f5f9}.dark-mode .report-type-badge{background:#ffffff0f}.report-body{margin-bottom:14px}.report-row{font-size:13px;padding:4px 0;color:#475569}.dark-mode .report-row{color:#94a3b8}.report-date{color:#94a3b8;font-size:12px;margin-top:6px}.report-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f1f5f9}.dark-mode .report-actions{border-color:#ffffff0f}.milestone-legend{padding:20px;border-radius:14px;margin-bottom:20px}.milestone-legend h4{margin:0 0 12px;font-size:15px;font-weight:700}.milestone-badges{display:flex;gap:12px;flex-wrap:wrap}.milestone-badge-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#f8fafc;border:2px solid;font-size:13px}.dark-mode .milestone-badge-item{background:#ffffff0a}.milestone-icon{font-size:18px}.milestone-label{font-weight:700}.milestone-min{font-size:11px;color:#94a3b8}.referral-leaderboard{display:flex;flex-direction:column;gap:12px}.referral-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;border:1px solid #e2e8f0;transition:all .2s ease}.referral-card:hover{box-shadow:0 4px 15px #0000000f}.dark-mode .referral-card{border-color:#ffffff14}.referral-rank{min-width:40px;text-align:center}.rank-medal{font-size:28px}.rank-number{font-size:16px;font-weight:800;color:#64748b}.referral-info{display:flex;align-items:center;gap:12px;flex:1}.referral-avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referral-avatar img{width:100%;height:100%;object-fit:cover}.referral-avatar span{color:#fff;font-weight:700;font-size:16px}.referral-text h4{margin:0;font-size:15px;font-weight:700}.referral-text p{margin:0;font-size:12px;color:#64748b}.referral-stats{display:flex;align-items:center;gap:16px}.ref-stat{text-align:center}.ref-count{display:block;font-size:22px;font-weight:800;color:#0f172a}.dark-mode .ref-count{color:#e2e8f0}.ref-label{font-size:11px;color:#94a3b8}.ref-milestone{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:2px solid;font-size:13px;font-weight:700}.referral-actions{flex-shrink:0}.admin-empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:15px;border-radius:14px}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:#fff;border-radius:20px;width:90%;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.dark-mode .admin-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.dark-mode .admin-modal-header{border-color:#ffffff14}.admin-modal-header h3{margin:0;font-size:18px;font-weight:700}.admin-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#64748b;padding:4px 8px;border-radius:8px}.admin-modal-close:hover{background:#f1f5f9}.dark-mode .admin-modal-close:hover{background:#ffffff14}.admin-modal-body{padding:24px}.admin-modal-body label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#334155}.dark-mode .admin-modal-body label{color:#e2e8f0}.admin-textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.admin-textarea:focus{border-color:#6366f1}.dark-mode .admin-textarea{background:#ffffff0a;border-color:#ffffff1a;color:#e2e8f0}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.referral-detail-summary{background:#f8fafc;padding:16px;border-radius:10px}.dark-mode .referral-detail-summary{background:#ffffff0a}.referral-detail-summary p{margin:4px 0;font-size:14px}.referral-detail-summary code{background:#e2e8f0;padding:2px 8px;border-radius:4px;font-size:13px}.dark-mode .referral-detail-summary code{background:#ffffff1a}.referral-detail-list{display:flex;flex-direction:column;gap:8px}.referral-detail-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:13px;flex-wrap:wrap}.dark-mode .referral-detail-item{background:#ffffff0a}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr 1fr!important}.quick-stat-row{flex-direction:column}.referral-card{flex-direction:column;align-items:flex-start}.referral-stats{width:100%;justify-content:space-between}.referral-actions,.referral-actions button{width:100%}.admin-mechanic-grid{grid-template-columns:1fr}.milestone-badges{flex-direction:column}}.about-us-page{min-height:100vh;background:radial-gradient(at 100% 0%,#CCFBF1 0%,transparent 40%),radial-gradient(at 0% 100%,#E0F2FE 0%,transparent 40%),#fff;padding:0;font-family:Inter,sans-serif;color:var(--text-primary);overflow-x:hidden;position:relative;padding-bottom:4rem}.about-us-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.about-container{max-width:1200px;margin:0 auto;padding:4rem 1.5rem;position:relative;z-index:1}.about-hero-wrapper{display:flex;align-items:center;justify-content:space-between;gap:4rem;margin-bottom:6rem;padding:2rem 1rem;position:relative;max-width:1200px;margin-left:auto;margin-right:auto}.about-hero-image-container{flex:1;position:relative;z-index:2}.about-hero-image{width:100%;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;transform:perspective(1000px) rotateY(3deg);transition:all .5s ease;border:4px solid rgba(255,255,255,.8)}.about-hero-image:hover{transform:perspective(1000px) rotateY(0) scale(1.02);box-shadow:0 35px 60px -15px #0ea5e94d}.hero-img-backdrop{position:absolute;top:20px;left:-20px;width:100%;height:100%;background:linear-gradient(135deg,#0d9488,#0ea5e9);border-radius:24px;z-index:-1;opacity:.3;filter:blur(20px)}.hero-floating-badge{position:absolute;bottom:30px;right:-20px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(14,165,233,.2);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{font-size:1.5rem}.badge-text{font-weight:700;color:#0f172a;font-size:.95rem}.about-hero-content{flex:1;z-index:2;text-align:left}.section-subtitle{display:inline-block;padding:.5rem 1rem;background:#0ea5e91a;color:#0284c7;border-radius:50px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.about-hero-title-new{font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-hero-headline{font-size:1.5rem;font-weight:600;color:#0ea5e9;margin-bottom:1.5rem;line-height:1.4}.about-hero-text{font-size:1.125rem;color:#64748b;line-height:1.8;margin-bottom:2.5rem}.try-ahatacar-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #0ea5e966}.try-ahatacar-btn:hover{transform:translateY(-3px);box-shadow:0 20px 30px -10px #0ea5e980}.btn-arrow{transition:transform .3s ease}.try-ahatacar-btn:hover .btn-arrow{transform:translate(5px)}.dark-mode .hero-img-backdrop{opacity:.5;background:linear-gradient(135deg,#2dd4bf,#0ea5e9)}.dark-mode .hero-floating-badge{background:#1e293be6;border-color:#ffffff1a}.dark-mode .badge-text{color:#f8fafc}.dark-mode .about-hero-title-new{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text}.dark-mode .about-hero-headline{color:#38bdf8}.dark-mode .about-hero-text{color:#94a3b8}@media(max-width:900px){.about-hero-wrapper{flex-direction:column;text-align:center;gap:3rem}.about-hero-content{text-align:center}.about-hero-image{transform:none}.about-hero-image:hover{transform:scale(1.02)}.hero-floating-badge{right:10px;bottom:10px}}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:4rem}.about-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.2);border-radius:1.5rem;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #0000000d;position:relative;overflow:hidden;z-index:1}.about-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px -12px #0ea5e940;border-color:#0ea5e999;background:#fffffff2}.about-card:before{content:"";position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(14,165,233,.2) 0%,transparent 70%);border-radius:50%;transition:all .5s ease;opacity:0;pointer-events:none}.about-card:hover:before{opacity:1;transform:scale(1.5)}.about-card h3{font-size:1.75rem;color:#0f172a;margin-bottom:1.25rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.about-card p{color:#64748b;line-height:1.7;font-size:1.1rem}.card-icon{font-size:1.75rem;background:#0ea5e91a;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#0ea5e9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.about-mission-wrapper{display:flex;align-items:center;justify-content:space-between;gap:5rem;margin-bottom:6rem;padding:4rem 2rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px -10px #0ea5e91a}.about-mission-content{flex:1;order:1}.about-mission-image-container{flex:1;order:2;position:relative;display:flex;justify-content:center;align-items:center}.mission-image{width:100%;max-width:500px;border-radius:24px;box-shadow:20px 20px #0ea5e91a;transition:all .5s ease;border:1px solid rgba(255,255,255,.5)}.mission-image:hover{transform:translateY(-5px) scale(1.02);box-shadow:25px 25px #0ea5e933}.animate-float{animation:float 5s ease-in-out infinite}.section-title-large{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:#0f172a;position:relative;display:inline-block}.section-title-large:after{content:"";position:absolute;bottom:5px;left:0;width:40%;height:6px;background:#0ea5e9;border-radius:4px}.mission-text{font-size:1.15rem;line-height:1.9;color:#475569;margin-bottom:2rem}.dark-mode .about-mission-wrapper{background:#1e293b99;border-color:#ffffff0d}.dark-mode .section-title-large{color:#f8fafc}.dark-mode .mission-text{color:#cbd5e1}.dark-mode .mission-image{box-shadow:20px 20px #0ea5e926}@media(max-width:900px){.about-mission-wrapper{flex-direction:column;gap:3rem;padding:2rem 1.5rem}.about-mission-content{order:2;text-align:center}.about-mission-image-container{order:1}.section-title-large:after{left:30%;width:40%}}@media(max-width:1024px){.about-container{padding:3rem 1.5rem}.about-hero-title{font-size:3.5rem}.about-header-section{padding:3rem 1.5rem;margin-bottom:3rem}}@media(max-width:768px){.about-header-section{padding:2.5rem 1rem}.about-hero-title{font-size:2.5rem;margin-bottom:1rem;padding:0 1rem}.about-hero-desc{font-size:1.1rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-card{padding:2rem 1.5rem}.mission-section{margin-top:3rem;padding:2.5rem 1.5rem}.mission-title{font-size:2rem}}@media(max-width:480px){.about-hero-title{font-size:2rem;padding:0}.about-hero-desc{font-size:1rem}.about-header-section{padding:2rem 1rem;border-radius:1.5rem}.about-card h3{font-size:1.5rem}.about-card p{font-size:1rem}.mission-title{font-size:1.75rem}}.dark-mode .about-us-page{background:radial-gradient(at 100% 0%,#115e59 0%,transparent 40%),radial-gradient(at 0% 100%,#1e293b 0%,transparent 40%),#0f172a;color:#f8fafc}.dark-mode .about-us-page:before{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}.dark-mode .about-header-section{background:#1e293bb3;border-color:#2dd4bf1a;box-shadow:0 20px 60px -10px #00000080}.dark-mode .about-hero-title{background:linear-gradient(135deg,#2dd4bf,#0d9488,#22d3ee);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 15px rgba(20,184,166,.5))}.dark-mode .about-hero-desc{color:#cbd5e1}.dark-mode .about-card{background:#1e293b99;border-color:#ffffff0d;box-shadow:0 10px 30px -10px #0000004d}.dark-mode .about-card:hover{background:#1e293be6;border-color:#2dd4bf;box-shadow:0 25px 50px -12px #0d94884d}.dark-mode .about-card h3{color:#f8fafc}.dark-mode .about-card p{color:#94a3b8}.dark-mode .card-icon{background:#0d948833;color:#2dd4bf}.dark-mode .mission-section{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff1a;box-shadow:0 20px 60px #0006}.dark-mode .mission-title{color:#f8fafc}.about-stats-section{margin-bottom:6rem;text-align:center}.stats-header{max-width:800px;margin:0 auto 3rem}.section-title-center{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;margin-bottom:1rem;color:#0f172a}.stats-intro{font-size:1.2rem;color:#64748b;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.stat-card{background:#fff;padding:2rem;border-radius:20px;text-align:left;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease;height:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0ea5e926;border-color:#0ea5e94d}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.stat-icon-wrapper.blue{background:#e0f2fe;color:#0284c7}.stat-icon-wrapper.green{background:#dcfce7;color:#16a34a}.stat-icon-wrapper.orange{background:#ffedd5;color:#ea580c}.stat-icon-wrapper.purple{background:#f3e8ff;color:#9333ea}.stat-number{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.stat-desc{font-size:.95rem;color:#64748b;line-height:1.5}.dark-mode .stat-card{background:#1e293b99;border-color:#ffffff0d}.dark-mode .section-title-center,.dark-mode .stat-number{color:#f8fafc}.dark-mode .stat-desc{color:#cbd5e1}.about-story-section{max-width:900px;margin:0 auto;padding-bottom:2rem}.story-header{text-align:center;margin-bottom:4rem}.story-subtitle{font-size:1.25rem;color:#64748b;max-width:700px;margin:0 auto;line-height:1.6}.story-tiles-container{display:flex;flex-direction:column;gap:1.5rem}.story-tile{display:flex;align-items:flex-start;gap:1.5rem;background:#fff;padding:2rem;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid rgba(226,232,240,.8);transition:all .3s ease}.story-tile:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0ea5e91a,0 4px 6px -2px #0ea5e90d;border-color:#0ea5e966}.story-tile-icon-box{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid rgba(14,165,233,.1)}.story-tile-content{flex:1}.story-tile-content h3{font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.story-tile-content p{color:#64748b;line-height:1.7;font-size:1.05rem}.dark-mode .story-subtitle{color:#cbd5e1}.dark-mode .story-tile{background:#1e293b99;border-color:#ffffff0d}.dark-mode .story-tile:hover{background:#1e293bcc;border-color:#0ea5e966}.dark-mode .story-tile-icon-box{background:#0f172a80;border-color:#0ea5e933}.dark-mode .story-tile-content h3{color:#f8fafc}.dark-mode .story-tile-content p{color:#94a3b8}@media(max-width:640px){.story-tile{flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.story-tile-icon-box{margin-bottom:.5rem}}.principles-section{max-width:1000px;margin:4rem auto 2rem;padding:0 1rem}.principles-header{text-align:center;margin-bottom:3rem;position:relative;display:flex;flex-direction:column;align-items:center}.title-underline-gradient{width:60px;height:4px;background:linear-gradient(90deg,#0ea5e9,#2563eb,#8b5cf6);border-radius:4px;margin-top:10px}.principles-list-container{display:flex;flex-direction:column;gap:1.5rem}.principle-split-card{display:flex;background:#f8fafc;border-radius:16px;overflow:hidden;min-height:200px}.principle-left-border{width:12px;flex-shrink:0}.principle-left-border.border-yellow{background:#facc15}.principle-left-border.border-blue{background:#3b82f6}.principle-left-border.border-green{background:#22c55e}.principle-left-border.border-orange{background:#f97316}.principle-left-border.border-purple{background:#a855f7}.principle-left-panel{flex:0 0 35%;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:center;background:#f1f5f9}.principle-big-letter{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;color:#0f172a;line-height:1;margin-bottom:.5rem}.principle-left-panel h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;line-height:1.2}.principle-tagline{font-size:.95rem;color:#475569;font-weight:600;line-height:1.5}.principle-right-panel{flex:1;padding:2.5rem 2rem;background:#fff;display:flex;flex-direction:column;justify-content:center}.principle-right-item h4{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.principle-right-item p{font-size:1rem;color:#64748b;line-height:1.6}.dark-mode .principle-split-card{background:#1e293b66}.dark-mode .principle-left-panel{background:#1e293bcc}.dark-mode .principle-right-panel{background:#0f172a99}.dark-mode .principle-big-letter,.dark-mode .principle-left-panel h3,.dark-mode .principle-right-item h4{color:#f8fafc}.dark-mode .principle-tagline{color:#94a3b8}.dark-mode .principle-right-item p{color:#cbd5e1}@media(max-width:768px){.principle-split-card{flex-direction:column}.principle-left-border{width:100%;height:8px}.principle-left-panel{flex:none;padding:2rem;background:#f1f5f980}.principle-right-panel{padding:2rem}}.contact-section{max-width:1000px;margin:4rem auto 6rem;padding:0 1rem}.contact-header{text-align:center;margin-bottom:3rem;position:relative;display:flex;flex-direction:column;align-items:center}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px -10px #0000000d;border:1px solid rgba(226,232,240,.8)}.contact-card{padding:3rem;display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1.5rem}.contact-icon-box{width:60px;height:60px;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}@media(max-width:768px){.contact-section{margin:2rem auto 3rem;padding:0 .75rem}.contact-header{margin-bottom:1.75rem}.contact-container{grid-template-columns:1fr;gap:0;border-radius:18px}.contact-card{padding:1.5rem 1.25rem;gap:1.25rem}.contact-item{gap:1rem;align-items:center}.contact-icon-box{width:48px;height:48px;border-radius:12px;font-size:1.4rem}.contact-details h4{font-size:.85rem;margin-bottom:.15rem}.contact-details p{font-size:.93rem}.contact-map-placeholder{border-radius:0 0 18px 18px;min-height:180px}.map-overlay-content h3{font-size:1.1rem}.map-overlay-content p{font-size:.9rem}}@media(max-width:480px){.contact-section{padding:0 .5rem}.contact-card{padding:1.25rem 1rem;gap:1rem}.contact-icon-box{width:42px;height:42px;font-size:1.2rem;border-radius:10px}.contact-details h4{font-size:.8rem}.contact-details p{font-size:.88rem}.contact-map-placeholder{min-height:150px}}.contact-icon-box.blue{background:#e0f2fe;color:#0284c7}.contact-icon-box.green{background:#dcfce7;color:#16a34a}.contact-icon-box.green-dark{background:#d1fae5;color:#059669}.contact-details h4{font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;color:#94a3b8;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.contact-details p{font-size:1rem;color:#374151;font-weight:500}.contact-map-placeholder{background:#e2e8f0;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact-map-placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230f172a' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.map-overlay-content{background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;z-index:2;border:1px solid rgba(0,0,0,.05)}.map-overlay-content h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.map-overlay-content p{color:#64748b;font-size:1.1rem}.dark-mode .contact-container{background:#1e293b99;border-color:#ffffff0d}.dark-mode .contact-icon-box{background:#0f172a80;color:#cbd5e1}.dark-mode .contact-details p{color:#f8fafc}.dark-mode .contact-details h4{color:#94a3b8}.dark-mode .contact-map-placeholder{background:#0f172a}.dark-mode .map-overlay-content{background:#1e293b;border-color:#ffffff0d}.dark-mode .map-overlay-content h3{color:#f8fafc}.dark-mode .map-overlay-content p{color:#cbd5e1}@media(max-width:900px){.contact-container{grid-template-columns:1fr}.contact-card{padding:2rem}.contact-map-placeholder{min-height:250px;order:-1}}.language-dropdown-wrapper{position:relative;display:inline-block}.language-hint-tooltip{position:absolute;top:50px;left:50%;transform:translate(-50%);background:#facc15;color:#0f172a;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 15px -3px #0000001a;z-index:50;animation:bounce-hint 2s infinite;pointer-events:none;border:1px solid #eab308}.hint-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #facc15}@keyframes bounce-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.dark-mode .language-hint-tooltip{background:#ca8a04;color:#fff;border-color:#a16207}.dark-mode .hint-arrow{border-bottom-color:#ca8a04}