@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#121212;--bg-tertiary:#0f162a;--bg-card:#0f172a80;--bg-card-hover:#252525;--gold:#fff;--gold-light:#f4d03f;--gold-dark:#b8941f;--silver:silver;--platinum:#e5e4e2;--text-primary:#2a292f;--text-secondary:#fff;--text-muted:grey;--accent-primary:#d4af37;--accent-secondary:#8b7355;--accent-gradient:linear-gradient(135deg,#d43737,#f43f3f 50%,#d43737);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--glow-gold:0 0 20px rgba(212,175,55,.3);--glow-gold-strong:0 0 40px rgba(212,175,55,.5);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.user-status-indicator{background-color:#4caf50;border-radius:50%;box-shadow:0 0 5px #4caf50;display:inline-block;height:10px;margin-left:8px;width:10px}.user-status-indicator.idle{background-color:#ffc107;box-shadow:0 0 5px #ffc107}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header{backdrop-filter:blur(20px);background-color:#f3f3f3;background-color:#fff;border-bottom:1px solid #80808038;padding:.7rem;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header.on-login-page{background-color:#e0e5ec;box-shadow:0 1px 0 #fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:900;letter-spacing:1px;line-height:45px;position:relative;text-decoration:none;transition:var(--transition-normal)}.gradient-anim{animation:gradientMove 15s ease infinite;background:var(--accent-gradient);background-size:400% 400%;height:100vh;width:100%}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo h4 span{color:#00bfff;text-shadow:0 1px 0 #00ace6,0 2px 0 #09c,0 3px 0 #0086b3,0 4px 0 #007399,0 5px 0 #006080}.logo>h4{filter:hue-rotate(162deg);font-size:45px;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.15)}.logo div{font-size:19px;line-height:72px;max-height:50px}.logo:after{bottom:-5px;content:"";height:2px;left:0;position:absolute;width:0}.logo:hover:after{width:100%}.nav{align-items:center;display:flex;gap:2.5rem}.nav-link{color:#000;font-size:.95rem;font-size:.85rem;letter-spacing:.5px;position:relative;text-decoration:none;text-transform:uppercase}.nav-link:hover{color:#bb9d35}.nav-link:hover:before{width:100%}.user-menu{align-items:center;display:flex;gap:1.5rem}.user-menu,.user-menu-dropdown{position:relative}.user-menu-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.4rem 1rem;transition:var(--transition-normal)}.user-profile-picture{border:1px solid #80808057;border-radius:50%;height:35px;object-fit:cover;width:35px}.user-menu-button:hover{border-color:var(--gold);color:var(--gold)}.user-menu-button svg{color:gray;transition:transform .3s ease}.user-menu-dropdown.open .user-menu-button svg,.user-menu-dropdown:has(.user-menu-dropdown-content) .user-menu-button svg{transform:rotate(180deg)}.username{color:#4a4a4a;font-size:18px}.user-menu-dropdown-content{animation:slideDown .3s ease-out;backdrop-filter:blur(20px);background:#f3f3f3;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.19);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.45rem 1.25rem;position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.user-menu-item:hover{background:rgba(212,175,55,.1);filter:sepia(1)}.user-menu-item span:first-child{display:inline-block;filter:grayscale(1);font-size:1.1rem;text-align:center;width:20px}.user-menu-item-compare{position:relative}.comparer-badge-small{align-items:center;background:#fbf5e8;border:1px solid hsla(0,0%,53%,.38);border-radius:50%;display:flex;font-size:11px;justify-content:center;min-height:18px;min-width:18px;padding:3px 5px 0;position:absolute;right:1.25rem}.user-menu-divider{background:#ddd;height:1px;margin:2px}.user-menu-item-logout{color:#ff6b6b}.user-menu-item-logout:hover{background:hsla(0,100%,71%,.1);color:#ff6b6b;filter:none}.btn-logout{background:#161616;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--gold);cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:var(--transition-normal)}.btn-logout:hover{background:rgba(212,175,55,.2);border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-2px)}.breadcrumb,.header.scrolled+.breadcrumb{border-bottom:1px solid #e7e7e7}.breadcrumb{background-color:#fff;margin-top:0;padding:.25rem 0 .15rem;position:sticky;top:73px;transition:all .3s ease;z-index:999}.breadcrumb-list{flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:0}.breadcrumb-link{border-radius:4px;color:#000;font-size:.7rem;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}.breadcrumb-link:hover{background-color:#d9d9d9}.breadcrumb-separator{font-size:.7rem;font-weight:300;user-select:none}.breadcrumb-current{font-size:.9rem;font-size:.7rem;padding:.25rem .5rem}@media (max-width:768px){.breadcrumb{padding:.5rem 0;top:60px}.breadcrumb-current,.breadcrumb-link{font-size:.85rem}}.container{margin:0 auto;max-width:1400px;padding:0 2rem}main{--tw-bg-opacity:1;animation:fadeIn .8s ease-out;background-color:#fff;flex:1;margin-top:-30px;min-height:calc(100vh - 200px);position:relative;z-index:1}.hero-section{animation:fadeInDown 1.8s ease-out;background:linear-gradient(135deg,hsla(0,0%,4%,.95),hsla(0,0%,7%,.95));background-image:url(img/cover.png);background-position:50%;background-repeat:no-repeat;background-size:60%;border-bottom:1px solid #ffa50033;margin-bottom:2rem;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 30% 30%,rgba(212,55,55,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(212,175,55,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-section h2{animation:fadeInUp .8s ease-out;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:bisque;font-size:clamp(2.5rem,5vw,4rem);font-weight:100;margin-bottom:-20px;text-shadow:2px 3px 13px #000}.hero-section p{animation:fadeInDown 1s ease-out;color:#fff;font-size:clamp(1rem,2vw,1.3rem);font-weight:300;letter-spacing:1px}.landing-page{animation:fadeIn .8s ease-out;background:var(--bg-primary);min-height:100vh}.landing-hero{align-items:center;background:linear-gradient(135deg,hsla(0,0%,4%,.95),hsla(0,0%,7%,.95));background-image:url(img/cover.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:calc(100vh - 100px);overflow:hidden;padding:4rem 2rem;position:relative}.landing-hero:before{background:radial-gradient(circle at 30% 30%,rgba(212,175,55,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(212,175,55,.05) 0,transparent 50%),linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.landing-hero-content{animation:fadeInUp 1s ease-out;max-width:900px;position:relative;text-align:center;z-index:1}.landing-title{color:var(--text-primary);font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}.landing-title-accent{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:block;margin-top:.5rem}.landing-subtitle{color:var(--text-secondary);font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;letter-spacing:.5px;line-height:1.6;margin-bottom:3rem}.landing-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-landing-primary{background:var(--accent-gradient);border:2px solid transparent;border-radius:12px;box-shadow:0 8px 24px rgba(212,175,55,.3);color:var(--bg-primary);display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1.2rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-landing-primary:hover{border-color:var(--gold);box-shadow:0 12px 32px rgba(212,175,55,.5),var(--glow-gold-strong);transform:translateY(-4px) scale(1.05)}.btn-landing-secondary{backdrop-filter:blur(10px);background:transparent;border:2px solid rgba(212,175,55,.5);border-radius:12px;color:var(--gold);display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1.2rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-landing-secondary:hover{background:rgba(212,175,55,.15);border-color:var(--gold);box-shadow:0 8px 24px rgba(212,175,55,.3);transform:translateY(-4px)}.btn-landing-large{font-size:1.2rem;padding:1.5rem 4rem}.landing-features{background:var(--bg-secondary);padding:6rem 0}.features-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{background:linear-gradient(135deg,#1a1a1a,#1e1e1e);border:1px solid rgba(212,175,55,.15);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.3);padding:2.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:rgba(212,175,55,.4);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.2);transform:translateY(-8px)}.feature-icon{filter:drop-shadow(0 4px 8px rgba(212,175,55,.3));font-size:3.5rem;margin-bottom:1.5rem}.feature-card h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card:hover h3{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.landing-cta-section{background:linear-gradient(135deg,rgba(212,175,55,.05),transparent);border-top:1px solid rgba(212,175,55,.1);padding:6rem 0;text-align:center}.landing-cta-section h2{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}.landing-cta-section p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:2.5rem}@media (max-width:768px){.landing-hero{min-height:calc(100vh - 80px);padding:2rem 1rem}.landing-cta{align-items:center;flex-direction:column}.btn-landing-primary,.btn-landing-secondary{max-width:300px;width:100%}.features-grid{gap:2rem;grid-template-columns:1fr}}.cars-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(470px,1fr));margin-top:0}.cars-grid.cars-grid-view{gap:1rem;grid-template-columns:repeat(3,1fr)}.cars-grid-view .car-card{flex-direction:column}.cars-grid-view .car-image{height:200px;width:100%}@media (max-width:1400px){.cars-grid.cars-grid-view{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.cars-grid.cars-grid-view{grid-template-columns:repeat(2,1fr)}}.cars-grid.cars-list{display:flex;flex-direction:column;gap:2rem}.cars-list .car-card-wrapper{width:100%}.cars-list .car-card{border-radius:20px 20px 0 0;flex-direction:row;height:auto;min-height:220px}.cars-list .car-image{height:219px;min-width:350px;width:350px}.cars-list .car-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;max-width:28%;padding:1.5rem 0 1.5rem 1.5rem}.cars-list .car-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;border:0;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin-top:1rem;overflow:hidden;padding-top:1rem;text-overflow:ellipsis}.car-card{animation:fadeIn .6s ease-out backwards;backdrop-filter:blur(10px);background:#fff;border:1px solid #fff;border-radius:16px 16px 0 0;box-shadow:0 0 5px #cdcdcd;color:inherit;display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.car-card:first-child{animation-delay:.05s}.car-card:nth-child(2){animation-delay:.1s}.car-card:nth-child(3){animation-delay:.15s}.car-card:nth-child(4){animation-delay:.2s}.car-card:nth-child(5){animation-delay:.25s}.car-card:nth-child(6){animation-delay:.3s}.car-card:nth-child(7){animation-delay:.35s}.car-card:nth-child(8){animation-delay:.4s}.car-card:nth-child(9){animation-delay:.45s}.car-card:nth-child(10){animation-delay:.5s}.car-card:nth-child(11){animation-delay:.55s}.car-card:nth-child(12){animation-delay:.6s}.car-card:before{display:none}.car-card:after{border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .4s ease}.car-card:hover{filter:sepia(.2)}.car-card:hover:after{opacity:1}.car-image{height:280px;overflow:hidden;position:relative;width:100%}.car-image:before{z-index:1}.car-image:after,.car-image:before{content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.car-image:after{opacity:0;z-index:2}.car-card:hover .car-image:before{transition:background .4s ease}.car-card:hover .car-image:after{opacity:1;transition:background .4s ease}.car-image img{height:100%;object-fit:cover;width:100%}.car-info.no-padding{padding:0}.car-info{display:flex;flex:1;flex-direction:column;gap:.05rem;min-height:0;padding:1.5rem;position:relative}.car-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0;transition:all .3s ease}.car-year{color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:1.5px;margin-top:-.25rem;opacity:.9;text-transform:uppercase}.car-price-overlay{background:rgba(0,0,0,.77);border:1px solid hsla(0,0%,100%,.64);border-radius:5px;bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,.5);color:var(--gold);font-size:1.3rem;font-weight:700;letter-spacing:-.5px;padding:0 .9rem;position:absolute;right:1rem;z-index:2}.car-motorization{font-size:.7rem;margin:.2rem 0;opacity:.9;padding-left:.3rem;text-transform:uppercase}.car-details{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1));display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.car-details-row svg{color:#c5c5c5;width:19px}.car-details-row{align-content:space-between;align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-start}.car-details span{border-radius:8px;font-size:.8rem;font-weight:500;letter-spacing:.3px;min-width:80px;padding:.4rem .75rem;transition:all .3s ease}.car-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;border-top:1px solid rgba(212,175,55,.1);color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin-top:.5rem;opacity:.85;overflow:hidden;padding-top:1rem;text-overflow:ellipsis;transition:opacity .3s ease}.car-card:hover .car-description{color:var(--text-primary);opacity:1}.car-card .car-description{color:#000;font-weight:300;opacity:1}.no-image{align-items:center;background:linear-gradient(135deg,rgba(212,175,55,.05),transparent);color:var(--text-muted);display:flex;font-size:.9rem;height:100%;justify-content:center}.car-card-wrapper{display:flex;flex-direction:column}.car-card-wrapper:before{border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.car-card-wrapper:hover:before{opacity:1}.car-detail-page{animation:fadeIn .8s ease-out;min-height:calc(100vh - 200px);padding:2rem 0;position:relative;z-index:1}.back-link{color:var(--gold);gap:.5rem;margin-bottom:2rem}.car-detail{gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.car-detail-images{align-items:center;background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.2);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative;width:60%}.car-detail-page{font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding-bottom:3rem}.max-w-7xl{margin:0 auto;max-width:1280px;padding:0 2rem}@media (max-width:768px){.max-w-7xl{padding:0 1rem}}.back-link{align-items:center;border-radius:8px;color:#545454;display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:var(--transition-fast)}.back-link:hover{background-color:#d9d9d9}.car-detail-card{background:var(--bg-card);border:1px solid #1e293b;border-radius:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}@media (min-width:1024px){.car-detail-card{flex-direction:row}}.car-detail-left{border-right:1px solid rgba(212,175,55,.15);flex:1.5;padding:2rem}.image-container-inner{background:var(--bg-tertiary);border-radius:16px;overflow:hidden;position:sticky;top:1.5rem}.car-detail-right{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:2.5rem}.car-title{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.car-subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:500}.car-price-tag{color:var(--gold);font-size:2.5rem;font-weight:900;margin-top:2rem}.specs-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.spec-card{background:var(--bg-tertiary);border:1px solid #1e293b;border-radius:16px;padding:1rem;transition:all var(--transition-normal)}.spec-card:hover{background:var(--bg-card-hover);border-color:rgba(212,175,55,.3)}.spec-label{color:var(--text-secondary);display:block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.spec-value{color:var(--text-primary);font-size:1rem;font-weight:700}.description-title{border-bottom:1px solid #f1f5f9;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.5rem;text-transform:uppercase}.description-text{color:#4b5563;font-size:.9375rem;line-height:1.6}.actions-container{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.btn-contact-main{background:var(--accent-gradient);border:none;border-radius:16px;box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:1.125rem;font-weight:700;letter-spacing:.5px;padding:1.25rem;text-transform:uppercase;transition:all var(--transition-normal)}.btn-contact-main:hover{box-shadow:var(--shadow-lg),var(--glow-gold-strong);transform:translateY(-2px)}.btn-favorite-circle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;cursor:pointer;padding:.75rem;transition:all .2s}.btn-favorite-circle.active{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.detail-section{animation:fadeInUp .6s ease-out;background:var(--bg-card);border:1px solid #1e293b;border-radius:16px;box-shadow:var(--shadow-md);margin-top:2rem;padding:2rem}.detail-section-title{border-bottom:2px solid #0f162a;color:var(--gold);font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;padding-bottom:.75rem;text-transform:uppercase}.detail-section-content{color:var(--text-primary);font-size:1rem;line-height:1.8;margin-top:1rem}.detail-specs-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.detail-spec-item{background:var(--bg-tertiary);border:1px solid #1e293b;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all var(--transition-normal)}.detail-spec-item:hover{background:var(--bg-card-hover);border-color:rgba(212,175,55,.3);box-shadow:0 4px 12px rgba(212,175,55,.2);transform:translateY(-2px)}.detail-spec-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-spec-value{color:var(--text-primary);font-size:1rem;font-weight:600}@media (max-width:768px){.detail-specs-grid{grid-template-columns:1fr}.detail-section{padding:1.5rem}.detail-section-title{font-size:1.25rem}}.car-detail-images img{display:block;height:auto;max-height:600px;object-fit:contain;transition:var(--transition-slow);width:100%}.no-image-large{align-items:center;background:var(--bg-tertiary);border-radius:16px;color:var(--text-muted);display:flex;font-size:1.1rem;height:100%;justify-content:center;min-height:400px}.car-detail-info h1{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:1rem}.car-detail-price{color:var(--gold);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:2rem}.car-specs{background:var(--bg-card);border:1px solid rgba(212,175,55,.1);border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;padding:2rem}.spec-item strong{color:var(--gold);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.car-description h3{color:var(--gold);margin-bottom:1rem}.contact-section{background:var(--bg-card);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:2rem}.contact-section h3{color:var(--gold);margin-bottom:.5rem}.btn-contact{background:var(--accent-gradient);border:none;border-radius:8px;box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;margin-top:1rem;padding:1rem 2.5rem;text-transform:uppercase;transition:var(--transition-normal)}.btn-contact:hover{box-shadow:var(--shadow-lg),var(--glow-gold-strong);transform:translateY(-3px)}.home-layout{align-items:start;display:grid;gap:0;grid-template-columns:350px 1fr;margin-top:2rem}.search-sidebar{margin-right:.4rem;max-height:calc(100vh - 130px);overflow-y:auto;padding-right:.4rem;position:sticky;top:123px}.search-sidebar::-webkit-scrollbar{width:6px}.search-sidebar::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:3px}.cars-content{background:#f5f5f5;border-radius:10px;margin-bottom:30px;margin-left:1px;margin-top:14px;min-width:0;padding:5px 20px}.loading-more{align-items:center;display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:3rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid rgba(212,175,55,.2);border-radius:50%;border-top:4px solid var(--gold);height:50px;width:50px}.loading-more p{font-weight:500}.all-cars-loaded,.loading-more p{color:var(--text-secondary);font-size:1rem}.all-cars-loaded{border-top:1px solid rgba(212,175,55,.2);grid-column:1/-1;margin-top:2rem;padding:3rem 2rem;text-align:center}.all-cars-loaded p{font-weight:500;margin:0}.advanced-search{background:#f5f5f5;border-radius:8px;padding:.8rem .3rem 1px .8rem;position:relative}.search-header{margin-bottom:0}.search-header h3{align-items:center;color:var(--gold);display:flex;flex-wrap:wrap;font-size:1.3rem;gap:.5rem;margin-bottom:1rem}.filter-count{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.85rem;font-weight:400}.search-actions{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}.btn-reset,.btn-toggle{background:#fff;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid #c3c3c3;border-radius:4px;cursor:pointer;font-size:.8rem;letter-spacing:.5px;padding:.4rem 1rem;text-align:center;transition:var(--transition-normal);width:100%}.btn-toggle:hover{border:1px solid #7b7b7b;filter:sepia(.2)}.btn-reset{border-color:#f6abab;color:#f86d6d}.btn-reset:hover{border-color:#f96a6a;color:red}.filter-group{background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.1);border-radius:12px;margin-bottom:.75rem;overflow:hidden;transition:var(--transition-normal)}.filter-group:hover{border-color:rgba(212,175,55,.3)}.search-group.open .group-toggle{transform:rotate(270deg)}.search-group.open .group-header{border-color:gray;filter:sepia(.2)}.group-header svg{color:#5e5e5e;width:20px}.group-header{background:#ffffffbf;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid #c6c6c6;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:100;gap:.75rem;justify-content:space-between;padding:.3rem .7rem;text-align:left;transition:all var(--transition-fast);width:100%}.group-header,.group-icon{align-items:center;color:var(--text-primary);display:flex}.group-icon{flex-shrink:0;justify-content:center;opacity:.7}.group-toggle{font-size:1.2rem;font-weight:700;transform:rotate(180deg);transition:var(--transition-fast)}.group-content{animation:fadeIn .6s ease-out backwards;background:#fff;border-radius:5px;margin-left:2px;margin-top:5px;padding:1rem}.specs-grid{display:grid;gap:1.45rem;grid-template-columns:1fr}.specs-grid-checkboxes{gap:1rem;grid-template-columns:repeat(2,1fr)}.quick-search-row label{background:#f5f5f5;margin-left:11px;margin-top:-45px;position:relative;width:45%;z-index:5}.quick-search-row label,.spec-item label{color:#4f4f4f;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;padding:0 6px;transition:all var(--transition-fast)}.spec-item label{background:#fff;margin-left:5px;margin-top:-28px;position:absolute}.spec-item select+label{display:none}.spec-input:valid{border:1px solid rgba(53,52,44,.67)}.quick-search-input:focus+label,.quick-search-input:focus-within+label,.quick-search-input:valid+label,.spec-input:focus+label,.spec-input:focus-within+label,.spec-input:valid+label{color:#000;font-size:.65rem;padding:0 3px;transform:translateY(-16px);z-index:7}.quick-search-input:focus+label,.quick-search-input:focus-within+label,.quick-search-input:valid+label{padding:0 3px 0 6px;width:34%}.spec-input:hover{border:1px solid rgba(53,52,44,.67)}.spec-input{background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-family:inherit;font-size:.95rem;padding:.45rem;position:relative;transition:all var(--transition-fast);width:100%;z-index:6}.spec-select:hover{border:1px solid rgba(45,45,45,.76)}.spec-select{border:1px solid rgba(45,45,45,.2);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.85rem;padding:.45rem;transition:var(--transition-fast);width:100%}.spec-input:focus,.spec-select:focus{filter:sepia(.2);outline:none}.spec-item-pair{display:flex;gap:.75rem;grid-column:1/-1}.spec-item-pair .spec-item{flex:1}.spec-item-checkbox{align-items:center;display:flex;gap:.5rem}.spec-checkbox{accent-color:rgba(212,175,55,.3);cursor:pointer;height:18px;width:18px}.spec-item-checkbox label{background:transparent;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:100;letter-spacing:normal;margin:0;padding:0;position:relative;text-transform:none}.search-content{overflow-y:auto;padding-right:.5rem}.search-content::-webkit-scrollbar{width:6px}.search-content::-webkit-scrollbar-thumb{background:gray;border-radius:3px}.search-group{margin-bottom:.5rem}.quick-search{margin-bottom:1rem}.quick-search-row{display:flex;flex-direction:column;gap:.75rem}.quick-search-input{background:transparent}.quick-search-input,.quick-search-select{border:1px solid #d3d3d3;border-radius:4px;color:var(--text-primary);font-size:.9rem;padding:.75rem;position:relative;transition:var(--transition-fast);width:100%;z-index:7}.quick-search-input:focus,.quick-search-select:focus{border-color:#707070;filter:sepia(.2);outline:none}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.login-container{animation:fadeInUp .8s ease-out;border-radius:20px;padding:3rem}.login-container h2{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:2rem;text-align:center}.login-input{background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:1rem;transition:var(--transition-fast);width:100%}.login-input:focus{border-color:var(--gold);box-shadow:var(--glow-gold);outline:none}.btn-login{background:var(--accent-gradient);border:none;border-radius:8px;box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;margin-top:.5rem;padding:1rem;text-transform:uppercase;transition:var(--transition-normal);width:100%}.btn-login:hover{box-shadow:var(--shadow-lg),var(--glow-gold-strong);transform:translateY(-2px)}.error-message{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-radius:8px}.error-message,.login-container .error-message{color:#ff6b6b;margin-bottom:1rem;padding:.75rem}.login-container .error-message{background:none;border:0;border-radius:8px}.login-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid rgba(212,175,55,.2);content:"";flex:1}.login-divider span{color:var(--text-secondary);font-size:.9rem;padding:0 1rem}.btn-google{align-items:center;background:#fff;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:1rem;transition:var(--transition-normal);width:100%}.btn-google:hover{background:#f5f5f5;border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-2px)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 20px center;background-repeat:no-repeat;background-size:22px;border:1px solid #555;padding:10px}.google-icon,select{border-radius:4px;color:#fff}.google-icon{align-items:center;background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc04);display:flex;font-size:1.1rem;font-weight:700;height:24px;justify-content:center;width:24px}.login-link{color:var(--gold);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.login-link:hover{text-decoration:underline}@media (max-width:1024px){.home-layout{gap:2rem;grid-template-columns:1fr}.search-sidebar{max-height:none;padding-right:0;position:static}.advanced-search{max-height:500px;overflow-y:auto}}@media (max-width:768px){.header .container{padding:1rem}.header .container,.nav{flex-direction:column;gap:1rem}.car-detail,.cars-grid,.cars-grid.cars-grid-view{grid-template-columns:1fr}.cars-list .car-card{flex-direction:column}.cars-list .car-image{height:250px;min-width:100%;width:100%}.form-row,.specs-grid{grid-template-columns:1fr}.hero-section{padding:3rem 1rem}.container{padding:0 1rem}.home-layout{gap:1.5rem;grid-template-columns:1fr}.search-sidebar{max-height:none;position:static}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.no-cars{font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}.fade-in{animation:fadeIn .6s ease-out}.fade-in-up{animation:fadeInUp .6s ease-out}.favorites-page{animation:fadeIn .8s ease-out;padding:2rem 0}.page-title{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:2rem}.empty-state{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.btn-primary{font-weight:700;letter-spacing:1px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:var(--transition-normal)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--glow-gold-strong);transform:translateY(-3px)}.btn-remove-favorite{backdrop-filter:blur(10px);background:rgba(220,53,69,.9);border:1px solid rgba(220,53,69,.5);border-radius:8px;bottom:1rem;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;transition:var(--transition-normal);z-index:10}.btn-remove-favorite:hover{background:#dc3545;box-shadow:0 4px 12px rgba(220,53,69,.4);transform:translateY(-2px)}.car-card-wrapper{position:relative}.btn-favorite-small{align-items:center;backdrop-filter:blur(15px);background:rgba(0,0,0,.75);border:1.5px solid rgba(212,175,55,.4);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--gold);cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:1.25rem;top:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.car-card-wrapper:hover .btn-favorite-small{opacity:1;pointer-events:auto}.btn-favorite-small:hover{background:rgba(212,175,55,.25);border-color:var(--gold);box-shadow:0 6px 20px rgba(212,175,55,.4),var(--glow-gold);transform:scale(1.15) rotate(5deg)}.btn-favorite-small.active{background:linear-gradient(135deg,rgba(212,175,55,.4),rgba(212,175,55,.3));border-color:var(--gold);box-shadow:0 4px 16px rgba(212,175,55,.5);opacity:1;pointer-events:auto}.car-actions-bottom{animation:fadeIn .6s ease-out backwards;background:#f7f7f7;border:1px solid #fff;border-radius:0 0 16px 16px;box-shadow:0 0 5px #cdcdcd;display:flex;flex-direction:row-reverse;gap:.75rem;padding:1rem 1.2rem}.btn-comparer-text,.btn-favorite-text{align-items:center;background:transparent;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid gray;border-radius:8px;cursor:pointer;display:flex;flex:1;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;max-width:127px;padding:.6rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-comparer-text:hover,.btn-favorite-text:hover{filter:sepia(.2)}.btn-comparer-text.active,.btn-favorite-text.active{border-color:#87790d;color:#87790d;filter:sepia(.2)}.messages-page{animation:fadeIn .8s ease-out;padding:2rem 0}.messages-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.unread-badge{background:var(--accent-gradient);border-radius:20px;color:var(--bg-primary);font-size:.9rem;font-weight:700;padding:.5rem 1rem}.messages-tabs{background:var(--bg-card);border:1px solid rgba(212,175,55,.1);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.messages-tabs button{background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:var(--transition-normal)}.messages-tabs button.tab-active{background:var(--accent-gradient);box-shadow:var(--shadow-md);color:var(--bg-primary)}.messages-tabs button:hover:not(.tab-active){background:var(--bg-tertiary);color:var(--gold)}.messages-layout{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.messages-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.message-item{background:var(--bg-card);border:1px solid rgba(212,175,55,.1);border-radius:12px;cursor:pointer;padding:1.5rem;transition:var(--transition-normal)}.message-item:hover{border-color:rgba(212,175,55,.3);transform:translateX(5px)}.message-item.unread{background:rgba(212,175,55,.05);border-color:var(--gold)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-header strong{color:var(--gold);font-size:1rem}.message-date{color:var(--text-secondary);font-size:.85rem}.message-preview{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.message-car-ref{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);border-radius:12px;color:var(--gold);display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .75rem}.message-detail{background:var(--bg-card);border:1px solid rgba(212,175,55,.2);border-radius:12px;max-height:600px;overflow-y:auto;padding:2rem;position:sticky;top:100px}.btn-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;float:right;font-size:2rem;transition:var(--transition-fast)}.btn-close:hover{color:var(--gold)}.message-detail h3{clear:both;color:var(--gold);margin-bottom:.5rem}.message-meta{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.message-content{color:var(--text-primary);line-height:1.8;white-space:pre-wrap}.send-message-form{background:var(--bg-card);border:1px solid rgba(212,175,55,.1);border-radius:16px;margin-top:2rem;padding:2rem}.form-info{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);border-radius:8px;margin-bottom:1rem;padding:1rem}.form-info p{color:var(--gold);font-size:.9rem;margin:0}.send-message-form h3{color:var(--gold);margin-bottom:1.5rem}.form-input,.form-textarea{background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.2);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.9rem;transition:var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:var(--glow-gold);outline:none}.form-textarea{min-height:120px;resize:vertical}.car-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.btn-favorite{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--gold);cursor:pointer;flex:1;font-size:1rem;font-weight:600;letter-spacing:1px;min-width:200px;padding:1rem 2rem;text-transform:uppercase;transition:var(--transition-normal)}.btn-favorite:hover{background:rgba(212,175,55,.2);box-shadow:var(--glow-gold);transform:translateY(-2px)}.btn-favorite.active{background:var(--accent-gradient);border-color:var(--gold);color:var(--bg-primary)}@media (max-width:768px){.messages-layout{grid-template-columns:1fr}.message-detail{position:static}.car-actions{flex-direction:column}.btn-favorite{width:100%}}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:0;padding:20px}.pagination-top{margin-bottom:0;margin-top:-20px}.pagination-btn:before{background:#fff;border-radius:8px;border-top:2px solid #ddd;bottom:-10px;box-shadow:inset 0 8px 48px #ddd;display:block;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.pagination-btn{background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:0;border-radius:8px;box-shadow:0 1px 2px #aaa,inset 0 2px 3px #fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 24px;position:relative;transition:all var(--transition-normal)}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5;filter:sepia(.2)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-numbers{align-items:center;display:flex;gap:8px}.pagination-number{align-items:center;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid #d3d3d3;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all var(--transition-normal)}.pagination-number:hover{border-color:#8f8f8f;filter:sepia(.2)}.pagination-number.active:hover{border:1px solid #d3d3d3}.pagination-number.active{filter:contrast(.6);filter:sepia(.2)}.pagination-ellipsis{color:var(--text-muted);font-size:14px;padding:0 8px}.pagination-info{font-size:14px;margin-top:-10px;padding:15px;text-align:center}.pagination-info p{margin:0}.sort-controls{align-items:center;border:0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:2px;padding:8px 15px}.sort-label{color:var(--text-primary);font-size:14px;white-space:nowrap}.sort-buttons{display:flex;flex-wrap:wrap;gap:8px}.sort-btn{background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid #c3c3c3;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-normal);white-space:nowrap}.sort-btn:hover{border:1px solid #918b8b;filter:sepia(.2)}.sort-btn.active{filter:contrast(.6);filter:sepia(.2)}.view-mode-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.view-mode-btn{align-items:center;background:transparent;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid gray;border-radius:8px;color:gray;cursor:pointer;display:flex;height:30px;justify-content:center;padding:1px 0 0;transition:all var(--transition-normal);width:30px}.view-mode-btn svg{height:15px;width:15px}.view-mode-btn:hover{filter:sepia(.2)}.view-mode-btn.active{color:#000;filter:contrast(.6);filter:sepia(.2)}.active-filters{animation:fadeIn .6s ease-out backwards;backdrop-filter:blur(65px);border:1px solid #e5e5e5;border-radius:8px 8px;margin-bottom:20px;padding:15px 20px;position:sticky;top:104px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:100}.active-filters.scrolled{background:#f7f7f7;border-radius:0 0 4px 4px}.active-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.active-filters-info{display:flex;flex-direction:row;gap:4px}.active-filters-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px}.active-filters-count{color:#474747;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:22px;padding-left:9px}.vehicles-count-info{backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.2);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;margin-bottom:20px;padding:12px 20px;position:sticky;text-align:center;top:100px;z-index:100}.vehicles-count-info span{color:var(--gold);font-weight:600}.btn-clear-all-filters{background:rgba(212,55,55,.1);background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e7e7e7));background-image:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);background-image:-o-linear-gradient(top,#f7f7f7,#e7e7e7);border:1px solid rgba(212,55,55,.3);border-radius:6px;color:#d43737;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:300;padding:6px 16px;transition:all var(--transition-normal)}.btn-clear-all-filters:hover{border-color:red;color:red}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag:hover{background:rgba(199,195,34,.15);filter:sepia(.4)}.active-filter-tag{align-items:center;background:rgba(61,61,61,.15);border:1px solid rgba(89,89,89,.3);border-radius:6px;box-shadow:inset 1px 1px 0 #e5e5e5,1px 1px 1px #d7d7d7;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:12px;gap:6px;padding:6px 12px;text-shadow:-1px 1px 0 #fbfbfb;transition:all var(--transition-normal)}.filter-tag-label{color:#161616;font-weight:500}.filter-tag-value{color:#474747;font-weight:100}.filter-tag-remove{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:18px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:all var(--transition-normal);width:18px}.filter-tag-remove:hover{background:rgba(255,0,0,.1);color:red;transform:scale(1.1)}.carousel-container{height:100%;position:relative;width:100%}.carousel-card{height:290px}.carousel-detail{min-height:400px}.carousel-image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.carousel-image{height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease;width:100%}.carousel-image-wrapper.loading .carousel-image{opacity:.5}.carousel-btn{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.6);border:1px solid rgba(212,175,55,.5);border-radius:50%;color:var(--gold);cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:40px;z-index:10}.carousel-btn:hover{background:rgba(212,175,55,.8);border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-counter{backdrop-filter:blur(5px);background:rgba(0,0,0,.7);border:1px solid rgba(212,175,55,.3);border-radius:20px;bottom:10px;color:var(--gold);font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:10px;z-index:10}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:15px;padding:10px}.carousel-dot{background:transparent;border:2px solid rgba(212,175,55,.5);border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all var(--transition-normal);width:10px}.carousel-dot:hover{background:rgba(212,175,55,.5);border-color:var(--gold);transform:scale(1.2)}.carousel-dot.active{background:var(--gold);border-color:var(--gold);box-shadow:var(--glow-gold)}.carousel-thumbnails{display:flex;gap:10px;justify-content:center;margin-top:15px;overflow-x:auto;padding:10px}.carousel-thumbnail{background:var(--bg-tertiary);border:2px solid rgba(212,175,55,.3);border-radius:6px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:all var(--transition-normal);width:80px}.carousel-thumbnail img{height:100%;object-fit:cover;width:100%}.carousel-thumbnail:hover{border-color:var(--gold);box-shadow:var(--glow-gold);transform:translateY(-2px)}.carousel-thumbnail.active{border-color:var(--gold);box-shadow:var(--glow-gold);transform:scale(1.05)}.carousel-card .carousel-btn{opacity:0;transition:opacity var(--transition-normal)}.carousel-card:hover .carousel-btn{opacity:1}.carousel-card .carousel-counter{opacity:0;transition:opacity var(--transition-normal)}.carousel-card:hover .carousel-counter{opacity:1}.carousel-detail .carousel-image{max-height:600px;object-fit:contain}.carousel-detail .carousel-image-wrapper{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:center;min-height:400px}.carousel-fullscreen-btn{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.7);border:1px solid rgba(212,175,55,.5);border-radius:50%;color:var(--gold);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;opacity:0;padding:0;pointer-events:auto;position:absolute;right:10px;top:10px;transition:all var(--transition-normal);width:36px;z-index:100}.carousel-card .carousel-image-wrapper:hover .carousel-fullscreen-btn{opacity:1}.compare-car-image .carousel-fullscreen-btn{opacity:1;z-index:100}.carousel-fullscreen-btn:hover{background:rgba(212,175,55,.8);border-color:var(--gold);box-shadow:var(--glow-gold);transform:scale(1.1)}.carousel-loading{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.carousel-spinner{animation:spin .8s linear infinite;border:4px solid rgba(212,175,55,.2);border-radius:50%;border-top:4px solid var(--gold);height:40px;width:40px}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);background:rgba(0,0,0,.95);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.image-modal-content{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:95vh;max-width:1400px;padding:20px;position:relative;width:95%}.image-modal-close{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.7);border:2px solid rgba(212,175,55,.5);border-radius:50%;color:var(--gold);cursor:pointer;display:flex;font-size:32px;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all var(--transition-normal);width:50px;z-index:10001}.image-modal-close:hover{background:rgba(212,175,55,.8);border-color:var(--gold);box-shadow:var(--glow-gold);transform:scale(1.1) rotate(90deg)}.image-modal-main{gap:20px}.image-modal-image-wrapper,.image-modal-main{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.image-modal-image-wrapper{max-height:80vh;max-width:1200px;overflow:visible}.image-modal-image{display:block;height:auto;max-height:80vh;max-width:100%;object-fit:contain;transition:opacity .3s ease;width:auto}.image-modal-image-wrapper.loading .image-modal-image{opacity:.5}.image-modal-loading{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.image-modal-spinner{animation:spin .8s linear infinite;border:5px solid rgba(212,175,55,.2);border-radius:50%;border-top:5px solid var(--gold);box-shadow:0 0 20px rgba(212,175,55,.5);height:60px;width:60px}.image-modal-counter{background:rgba(0,0,0,.8);border:1px solid rgba(212,175,55,.3);border-radius:25px;bottom:20px;font-size:14px;font-weight:600;padding:10px 20px;position:absolute;right:20px;z-index:10}.image-modal-btn,.image-modal-counter{backdrop-filter:blur(5px);color:var(--gold)}.image-modal-btn{align-items:center;background:rgba(0,0,0,.7);border:2px solid rgba(212,175,55,.5);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:36px;font-weight:700;height:60px;justify-content:center;transition:all var(--transition-normal);width:60px}.image-modal-btn:hover{background:rgba(212,175,55,.8);border-color:var(--gold);box-shadow:var(--glow-gold);transform:scale(1.15)}.image-modal-btn-prev{left:20px}.image-modal-btn-next{right:20px}.image-modal-thumbnails{display:flex;gap:12px;justify-content:center;max-width:100%;min-height:200px;overflow-x:visible;padding:15px;scrollbar-color:var(--gold) rgba(212,175,55,.2);scrollbar-width:thin}.image-modal-thumbnails::-webkit-scrollbar{height:6px}.image-modal-thumbnails::-webkit-scrollbar-track{background:rgba(212,175,55,.1);border-radius:3px}.image-modal-thumbnails::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.image-modal-thumbnail{background:var(--bg-tertiary);border:3px solid rgba(212,175,55,.3);border-radius:8px;cursor:pointer;flex-shrink:0;height:75px;opacity:.7;overflow:hidden;padding:0;transition:all var(--transition-normal);width:100px}.image-modal-thumbnail img{height:100%;object-fit:cover;width:100%}.image-modal-thumbnail:hover{transform:translateY(-3px) scale(1.05)}.image-modal-thumbnail.active,.image-modal-thumbnail:hover{border-color:var(--gold);box-shadow:var(--glow-gold);opacity:1}.image-modal-thumbnail.active{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:120px;z-index:9999}.toast{align-items:flex-start;animation:slideInRight .3s ease-out;backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.3);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);display:flex;gap:12px;min-width:300px;padding:16px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-warning{border-left:4px solid #ff9800}.toast-info{border-left:4px solid var(--gold)}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-warning .toast-icon{color:#ff9800}.toast-info .toast-icon{color:var(--gold)}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.toast-close{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;padding:0;transition:all var(--transition-normal);width:20px}.toast-close:hover{background:rgba(212,175,55,.1);color:var(--gold)}.btn-comparer{align-items:center;backdrop-filter:blur(15px);background:rgba(0,0,0,.75);border:1.5px solid rgba(212,175,55,.4);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--gold);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;left:1.25rem;opacity:0;padding:0;position:absolute;top:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.car-card-wrapper:hover .btn-comparer{opacity:1}.btn-comparer:hover{background:rgba(212,175,55,.25);border-color:var(--gold);box-shadow:0 6px 20px rgba(212,175,55,.4),var(--glow-gold);transform:scale(1.15) rotate(-5deg)}.btn-comparer.active{background:linear-gradient(135deg,rgba(212,175,55,.4),rgba(212,175,55,.3));border-color:var(--gold);box-shadow:0 4px 16px rgba(212,175,55,.5);opacity:1}.car-actions .btn-comparer{border-radius:8px;font-size:14px;font-weight:500;height:auto;opacity:1;padding:10px 20px;position:relative;width:auto}.car-actions .btn-comparer:hover{transform:translateY(-2px)}.compare-page{background:var(--bg-primary);min-height:calc(100vh - 100px);overflow-x:auto;overflow-y:auto;padding:2rem 0;width:100%}.compare-page .container{max-width:none;padding:0 2rem;width:100%}.compare-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.compare-header h1{-webkit-text-fill-color:transparent;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.compare-header-actions{align-items:center;display:flex;gap:1rem}.btn-clear-comparer{background:rgba(212,55,55,.1);border:1px solid rgba(212,55,55,.3);border-radius:8px;color:#d43737;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.btn-clear-comparer:hover{background:rgba(212,55,55,.2);border-color:#d43737;transform:translateY(-2px)}.btn-toggle-colors{align-items:center;background:transparent;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--gold);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-normal)}.btn-toggle-colors:hover{background:rgba(212,175,55,.1);border-color:var(--gold);transform:translateY(-2px)}.btn-toggle-colors.active{background:rgba(212,175,55,.15);border-color:var(--gold)}.btn-back{background:transparent;border:1px solid rgba(212,175,55,.3);border-radius:8px;color:var(--gold);display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all var(--transition-normal)}.btn-back:hover{background:rgba(212,175,55,.1);border-color:var(--gold);transform:translateY(-2px)}.compare-empty{background:var(--bg-tertiary);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:4rem 2rem;text-align:center}.compare-empty p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:1rem}.compare-empty-hint{color:var(--text-muted);font-size:1rem;margin-bottom:2rem}.btn-primary{background:var(--accent-gradient);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:var(--glow-gold);transform:translateY(-2px)}.compare-content{display:flex;flex-direction:column;min-width:fit-content}.compare-cars{align-items:start;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(180px,0fr));margin-bottom:2px;min-width:fit-content;padding-left:1rem}.compare-cars:first-child{margin-left:220px}.compare-car-card{background:var(--bg-tertiary);border:0;border-left:1px solid rgba(212,175,55,.1);border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;max-width:180px;min-width:180px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:180px}.compare-car-card:first-child{border-left:none}.compare-car-card:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(212,175,55,.2);transform:translateY(-4px)}.compare-remove-btn{align-items:center;background:rgba(212,55,55,.8);border:1px solid rgba(212,55,55,.5);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:52px;transition:all var(--transition-normal);width:32px;z-index:10}.compare-remove-btn:hover{background:#d43737;box-shadow:0 2px 8px rgba(212,55,55,.5);transform:scale(1.1)}.compare-car-link{color:inherit;display:block;text-decoration:none;width:100%}.compare-car-image{flex-shrink:0;height:200px;overflow:hidden;position:relative;width:100%}.compare-car-image .carousel-container,.compare-car-image .carousel-image-wrapper{height:100%;position:relative;width:100%}.compare-car-image img{height:100%;object-fit:cover;width:100%}.compare-car-info{padding:1rem}.compare-car-info h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.compare-car-price{color:var(--gold);font-size:1.5rem;font-weight:700;margin:.5rem 0}.compare-car-year{color:var(--text-secondary);font-size:.9rem;margin:0}.compare-table-wrapper{border-radius:12px;max-height:calc(100vh - 400px);min-width:fit-content;overflow-x:auto;overflow-y:auto;padding:0 1rem 1rem;position:relative}.compare-table{border-collapse:separate;border-spacing:0;min-width:fit-content;width:100%}.compare-table thead{background:rgba(212,175,55,.1)}.compare-table th{border-bottom:2px solid rgba(212,175,55,.3);color:var(--text-primary);font-weight:600;max-width:180px;min-width:180px;padding:1rem;text-align:left;width:180px}.compare-table th.compare-label-col{background:rgba(212,175,55,.1)!important;box-shadow:2px 0 4px rgba(0,0,0,.1);left:0!important;position:sticky!important;z-index:11}.ratio-row{background:rgba(212,175,55,.15);border-bottom:2px solid rgba(212,175,55,.3)}.ratio-row .compare-label-col{background:rgba(212,175,55,.15)!important;box-shadow:2px 0 4px rgba(0,0,0,.1);left:0!important;position:sticky!important;z-index:11}.ratio-label{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ratio-value{font-weight:700;padding:1rem;text-align:center}.ratio-number{color:var(--gold);font-size:1.5rem;font-weight:800}.ratio-unit{color:var(--text-secondary);font-size:.9rem;margin-left:4px}.compare-label-col{background:var(--bg-tertiary)!important;box-shadow:2px 0 4px rgba(0,0,0,.1);color:var(--gold);font-weight:600;left:0!important;max-width:220px;min-width:220px;padding-left:15px;position:sticky!important;width:220px;z-index:10}.compare-car-col{border-left:1px solid rgba(212,175,55,.1);box-sizing:border-box;max-width:180px;min-width:180px;padding:.75rem 1rem;text-align:center;width:180px}.compare-table tbody tr{border-bottom:1px solid rgba(212,175,55,.1);transition:all var(--transition-normal)}.compare-table tbody tr:hover{background:rgba(212,175,55,.05)}.compare-table tbody td{color:var(--text-secondary);overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.compare-table tbody td:first-child{background:var(--bg-tertiary);box-shadow:2px 0 4px rgba(0,0,0,.1);color:var(--text-primary);font-weight:500;left:0;position:sticky;z-index:5}.compare-car-col.best-value{background:rgba(76,175,80,.15);color:#4caf50;font-weight:600;position:relative}.compare-car-col.best-value:before{color:#4caf50;content:"✓";font-weight:700;left:8px;position:absolute}.compare-car-col.worst-value{background:rgba(244,67,54,.15);color:#f44336;font-weight:600;position:relative}.compare-car-col.worst-value:before{color:#f44336;content:"✗";font-weight:700;left:8px;position:absolute}.compare-car-col.average-value{background:rgba(255,152,0,.1);color:#ff9800;font-weight:500}.nav-link-compare{position:relative}.comparer-badge{background:var(--gold);border:2px solid var(--bg-primary);border-radius:9px;box-shadow:0 2px 8px rgba(212,175,55,.4);color:var(--bg-primary);font-size:11px;font-weight:700;height:18px;min-width:18px;padding:0 5px;position:absolute;right:-8px;top:-8px}.body-login-container,.comparer-badge{align-items:center;display:flex;justify-content:center}.body-login-container{background:#e0e5ec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;padding:20px}.login-container{max-width:580px;width:100%}.login-card{background:#e0e5ec;border:1px solid #ffffff94;border-radius:30px;box-shadow:20px 20px 60px #bec3cf,-20px -20px 60px #fff;padding:50px 40px;position:relative;transition:all .3s ease}.login-card:hover{transform:translateY(-5px)}.login-header{margin-bottom:40px;text-align:center}.neu-icon{align-items:center;background:#e0e5ec;border-radius:50%;box-shadow:8px 8px 20px #bec3cf,-8px -8px 20px #fff,inset 0 0 0 #bec3cf,inset 0 0 0 #fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;transition:all .3s ease;width:80px}.neu-icon:hover{box-shadow:4px 4px 10px #bec3cf,-4px -4px 10px #fff,inset 4px 4px 10px #bec3cf,inset -4px -4px 10px #fff}.icon-inner{align-items:center;color:#6c7293;display:flex;height:40px;justify-content:center;width:40px}.icon-inner svg{height:100%;width:100%}.login-header h2{color:#3d4468;font-size:2rem;font-weight:600;margin-bottom:8px}.login-header p{color:#9499b7;font-size:15px;font-weight:400}.form-group{margin-bottom:28px;position:relative}.neu-input{background:#e0e5ec;border-radius:15px;box-shadow:inset 8px 8px 16px #bec3cf,inset -8px -8px 16px #fff;position:relative;transition:all .3s ease}.neu-input:focus-within{box-shadow:inset 4px 4px 8px #bec3cf,inset -4px -4px 8px #fff}.neu-input input{background:transparent;border:none;color:#3d4468;font-size:16px;font-weight:500;outline:none;padding:20px 24px 20px 55px;transition:all .3s ease;width:100%}input:-webkit-autofill{-webkit-box-shadow:inset 8px 8px 16px #bec3cf,inset -8px -8px 16px #fff!important}input:-webkit-autofill,input:-webkit-autofill:hover{-webkit-text-fill-color:#3d4468!important;border:none!important;border-radius:15px!important}input:-webkit-autofill:focus,input:-webkit-autofill:focus-within{-webkit-text-fill-color:#3d4468!important;border:none!important;border-radius:15px!important;-webkit-box-shadow:inset 4px 4px 8px #bec3cf,inset -4px -4px 8px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#3d4468!important;border:none!important;border-radius:15px!important;-webkit-box-shadow:inset 4px 4px 8px #bec3cf,inset -4px -4px 8px #fff!important}.neu-input input::placeholder{color:transparent}.neu-input label{color:#9499b7;font-size:16px;font-weight:400;left:55px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.neu-input input:focus+label,.neu-input input:not(:placeholder-shown)+label{color:#6c7293;font-size:12px;top:8px;transform:translateY(0)}.input-icon{color:#9499b7;height:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.input-icon svg{height:100%;width:100%}.neu-input:focus-within .input-icon{color:#6c7293}.password-group{padding-right:50px}.neu-toggle{align-items:center;background:#e0e5ec;border:none;border-radius:10px;box-shadow:4px 4px 10px #bec3cf,-4px -4px 10px #fff;color:#9499b7;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:35px}.neu-toggle:hover{color:#6c7293}.neu-toggle:active{box-shadow:inset 2px 2px 5px #bec3cf,inset -2px -2px 5px #fff}.neu-toggle svg{height:18px;width:18px}.eye-closed,.neu-toggle.show-password .eye-open{display:none}.neu-toggle.show-password .eye-closed{display:block}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:35px}.remember-wrapper{align-items:center;cursor:pointer;display:flex}.remember-wrapper input[type=checkbox]{display:none}.checkbox-label{color:#6c7293;cursor:pointer;font-size:14px;font-weight:500;gap:12px;user-select:none}.checkbox-label,.neu-checkbox{align-items:center;display:flex}.neu-checkbox{background:#e0e5ec;border-radius:6px;box-shadow:3px 3px 8px #bec3cf,-3px -3px 8px #fff;height:22px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:22px}.remember-wrapper input[type=checkbox]:checked+.checkbox-label .neu-checkbox{box-shadow:inset 2px 2px 5px #bec3cf,inset -2px -2px 5px #fff}.neu-checkbox svg{color:#00c896;height:14px;opacity:0;transform:scale(0);transition:all .3s ease;width:14px}.remember-wrapper input[type=checkbox]:checked+.checkbox-label .neu-checkbox svg{opacity:1;transform:scale(1)}.forgot-link{color:#6c7293;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#3d4468}.neu-button{background:#e0e5ec;border:none;border-radius:15px;box-shadow:8px 8px 20px #bec3cf,-8px -8px 20px #fff;color:#6c7293;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:30px;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s ease;width:100%}.neu-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.neu-button:hover{box-shadow:12px 12px 30px #bec3cf,-12px -12px 30px #fff;transform:translateY(-2px)}.neu-button:hover:before{left:100%}.neu-button:active{box-shadow:inset 4px 4px 10px #bec3cf,inset -4px -4px 10px #fff;transform:translateY(0)}.btn-text{position:relative;z-index:1}.btn-loader,.btn-text{transition:opacity .3s ease}.btn-loader{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.neu-spinner{animation:spin 1s linear infinite;border:3px solid #bec3cf;border-radius:50%;border-top-color:#6c7293;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neu-button.loading .btn-text{opacity:0}.neu-button.loading .btn-loader{opacity:1}.divider{align-items:center;display:flex;gap:16px;margin:30px 0}.divider-line{background:linear-gradient(90deg,transparent,#bec3cf,transparent);flex:1;height:2px}.divider span{color:#9499b7;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.social-login{gap:16px;margin-bottom:30px}.neu-social,.social-login{display:flex;justify-content:center}.neu-social{align-items:center;background:#e0e5ec;border:none;border-radius:15px;box-shadow:6px 6px 15px #bec3cf,-6px -6px 15px #fff;color:#6c7293;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.neu-social:hover{box-shadow:8px 8px 20px #bec3cf,-8px -8px 20px #fff;transform:translateY(-2px)}.neu-social:active{box-shadow:inset 3px 3px 8px #bec3cf,inset -3px -3px 8px #fff;transform:translateY(0)}.neu-social svg{height:22px;width:22px}.signup-link{text-align:center}.signup-link p{color:#9499b7;font-size:14px}.signup-link a{color:#6c7293;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-link a:hover{color:#3d4468}.error-message{color:#ff3b5c;font-size:12px;font-weight:500;margin-left:20px;margin-top:8px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-message.show{opacity:1;transform:translateY(0)}.form-group.error .neu-input{box-shadow:inset 8px 8px 16px #ffb8c4,inset -8px -8px 16px #fff,0 0 0 1px #ff3b5c}.success-message{display:none;opacity:0;padding:40px 20px;text-align:center;transform:translateY(20px);transition:all .5s ease}.success-message.show{display:block;opacity:1;transform:translateY(0)}.success-message .neu-icon{background:#e0e5ec;color:#00c896;margin-bottom:20px}.success-message h3{color:#3d4468;font-size:1.5rem;margin-bottom:8px}.success-message p{color:#9499b7;font-size:14px}@media (max-width:480px){body{padding:16px}.login-card{border-radius:20px;padding:35px 25px}.login-header h2{font-size:1.75rem}.neu-input input{padding:18px 20px 18px 50px}.neu-input label{left:50px}.form-options{align-items:flex-start;flex-direction:column;gap:16px}}