@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.header{background:#7bb5dc;box-shadow:0 4px 12px #1937444d;min-width:280px;overflow:visible;position:fixed;top:0;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}.header-hidden{opacity:0;transform:translateY(-100%)}.header-content{gap:clamp(.5rem,2vw,2rem);justify-content:space-between;margin:0 auto;max-width:1400px;min-height:70px;padding:0 clamp(.5rem,2vw,2rem);position:relative;width:100%}.header-content,.logo{align-items:center;display:flex}.logo{flex-shrink:0;gap:clamp(4px,1vw,8px);min-width:0;order:0}.logo-img{background:#fff;border-radius:40px/25px;flex-shrink:0;height:clamp(37px,5vw,50px);object-fit:contain;width:clamp(60px,8vw,80px)}.logo-text{color:#fff;font-family:Lobster,cursive;font-size:clamp(1.2rem,4vw,2rem);font-weight:800;text-shadow:0 2px 4px #0000001a;white-space:nowrap}.nav-section{flex:1 1;gap:clamp(1rem,3vw,3rem);justify-content:space-between}.nav-left,.nav-section{align-items:center;display:flex}.nav-left{flex-shrink:0;gap:clamp(1rem,2vw,2rem)}.nav-left a{border-radius:8px;color:#fff;display:block;font-size:clamp(.85rem,1.5vw,1rem);font-weight:500;padding:clamp(.4rem,1vw,.6rem) clamp(.6rem,1.5vw,1rem);text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-left a:hover{background:#fff3;transform:translateY(-1px)}.nav-right{align-items:center;display:flex;flex-shrink:0;gap:1rem}.nav-right .nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:clamp(.85rem,1.5vw,1rem);font-weight:500;padding:clamp(.4rem,1vw,.6rem) clamp(.6rem,1.5vw,1rem);text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-right .nav-link:hover{background:#fff3;transform:translateY(-1px)}.search-container{flex:1 1;margin:0 clamp(.5rem,1vw,1rem);max-width:600px;min-width:0}.search-form{width:100%}.search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:25px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;position:relative;transition:all .3s ease}.search-input-wrapper:focus-within{background:#fff;box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.search-icon{color:#64748b;flex-shrink:0;left:clamp(.8rem,1.5vw,1rem);pointer-events:none;z-index:1}.search-input{background:none;border:none;color:#333;font-size:clamp(.85rem,1.2vw,.95rem);min-width:0;outline:none;padding:clamp(.5rem,1vw,.7rem) clamp(.8rem,1.5vw,1rem) clamp(.5rem,1vw,.7rem) clamp(2.5rem,4vw,3rem);width:100%}.search-input::placeholder{color:#64748b}.search-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease}.search-close:hover{background-color:#64748b1a;transform:scale(1.1)}.user-dropdown,.user-dropdown-trigger{position:relative;z-index:999999}.user-dropdown-trigger{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:clamp(.85rem,1.5vw,1rem);font-weight:500;gap:clamp(2px,.5vw,4px);padding:clamp(.4rem,1vw,.6rem) clamp(.6rem,1.5vw,1rem);transition:all .3s ease;white-space:nowrap}.user-dropdown-trigger:hover{background:#fff3;transform:translateY(-1px)}.dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;box-shadow:0 8px 24px #1937444d;margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000000}.dropdown-menu:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";filter:drop-shadow(0 -2px 4px rgba(25,55,68,.1));height:0;position:absolute;right:20px;top:-8px;width:0}.dropdown-item{background:none;border:none;color:#193744;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:14px 18px;text-align:left;transition:all .3s ease;white-space:nowrap;width:100%}.dropdown-item:hover{background:#7bb5dc1a;font-weight:600;transform:translateX(2px)}.dropdown-item:not(:last-child){border-bottom:1px solid #7bb5dc33}.mobile-controls{align-items:center;display:none;flex-shrink:0;gap:clamp(4px,1vw,8px)}.mobile-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:0;gap:2px;justify-content:center;padding:clamp(6px,1.5vw,10px);text-decoration:none;transition:all .3s ease}.mobile-btn.active,.mobile-btn:hover{background:#fff3;transform:translateY(-1px)}.mobile-search{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7bb5dcf2;border-top:1px solid #fff3}.mobile-search-content{margin:0 auto;max-width:1400px;padding:clamp(.75rem,2vw,1rem)}.search-form.mobile{width:100%}.mobile-menu{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7bb5dcfa;border-top:1px solid #fff3}.mobile-menu-content{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem);margin:0 auto;max-width:1400px;padding:clamp(1rem,3vw,1.5rem)}.mobile-menu-content a{border-bottom:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500;padding:clamp(.75rem,2vw,1rem);text-decoration:none;transition:all .3s ease}.mobile-menu-content a:last-child{border-bottom:none}.mobile-menu-content a:hover{background:#ffffff26;transform:translateX(4px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{padding-top:70px}@media (max-width:1024px) and (min-width:769px){.header-content{gap:clamp(.8rem,2vw,1.5rem)}.nav-section{gap:clamp(.8rem,2vw,2rem)}.search-container{max-width:300px}}@media (max-width:768px){body{padding-top:60px}.header-content{gap:clamp(.5rem,2vw,1rem);min-height:60px;padding:0 clamp(.75rem,3vw,1rem)}.nav-section{display:none}.mobile-controls{display:flex}.user-dropdown.mobile{z-index:999999}.dropdown-menu.mobile{min-width:140px;right:-8px;z-index:1000000}.dropdown-menu.mobile:before{right:24px}.dropdown-menu.mobile .dropdown-item{font-size:.85rem;padding:12px 16px}}@media (max-width:480px){body{padding-top:56px}.header-content{gap:clamp(.25rem,1vw,.5rem);min-height:56px;padding:0 clamp(.5rem,2vw,.75rem)}.logo-img{height:clamp(31px,7.5vw,37px);width:clamp(50px,12vw,60px)}.mobile-btn{padding:clamp(4px,1vw,8px)}.mobile-menu-content,.mobile-search-content{padding:clamp(.5rem,2vw,1rem)}}@media (max-width:360px){body{padding-top:52px}.header{min-width:280px}.header-content{gap:clamp(.25rem,1vw,.5rem);min-height:52px;padding:0 clamp(.25rem,1.5vw,.5rem)}.logo-img{height:clamp(28px,9vw,34px);width:clamp(45px,15vw,55px)}.mobile-controls{gap:clamp(2px,.5vw,4px)}.mobile-btn{padding:clamp(3px,.8vw,6px)}}.header,.header *{min-width:0}.logo,.mobile-controls{flex-shrink:0}.nav-section{flex-shrink:1;min-width:0}.mobile-menu-content a,.nav-left a{overflow:hidden;text-overflow:ellipsis}.user-icon-simple{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:40px;justify-content:center;transform:translateY(0);transition:all .3s ease-in-out;width:40px}.user-icon-simple:hover{background:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-icon-simple svg{stroke-width:2;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:20px;width:20px}.user-icon-name-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transform:translateY(0);transition:all .3s ease-in-out}.user-icon-name-container:hover{background:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-icon-name-icon{stroke-width:2;stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;height:20px;width:20px}.user-icon-name-text{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 1px 2px #0000001a;-webkit-user-select:none;user-select:none}.footer{background:linear-gradient(135deg,#193744,#2a5566);color:#fff;margin-top:auto;overflow:hidden;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#7bb5dc80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{margin:0 auto;max-width:1400px;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) clamp(1rem,2vw,1.5rem)}.footer-main{grid-gap:clamp(2rem,4vw,3rem);display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:clamp(2rem,4vw,3rem)}.footer-section{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}.footer-brand{max-width:350px}.footer-logo{align-items:center;display:flex;gap:clamp(6px,1.5vw,12px);margin-bottom:clamp(1rem,2vw,1.5rem)}.footer-logo-img{background:#fff;border-radius:35px/22px;flex-shrink:0;height:clamp(31px,3.75vw,44px);object-fit:contain;width:clamp(50px,6vw,70px)}.footer-logo-text{color:#fff;font-family:Lobster,cursive;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;text-shadow:0 2px 4px #0003}.footer-description{color:#fffc;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;margin-bottom:clamp(1rem,2vw,1.5rem)}.social-links{display:flex;gap:clamp(.75rem,1.5vw,1rem)}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7bb5dc33;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#7bb5dc;box-shadow:0 4px 12px #7bb5dc66;transform:translateY(-2px)}.footer-title{color:#7bb5dc;font-size:clamp(1.1rem,2vw,1.2rem);font-weight:700;margin-bottom:clamp(.5rem,1vw,1rem);position:relative}.footer-title:after{background:#7bb5dc;border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);list-style:none;margin:0;padding:0}.footer-links li a{align-items:center;color:#fffc;display:flex;font-size:clamp(.9rem,1.5vw,1rem);padding-left:0;position:relative;text-decoration:none;transition:all .3s ease}.footer-links li a:hover{color:#7bb5dc;padding-left:8px;transform:translateX(4px)}.footer-links li a:before{background:#7bb5dc;border-radius:50%;content:"";height:4px;left:-8px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:4px}.footer-links li a:hover:before{left:-4px;opacity:1}.contact-info{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem)}.contact-item{align-items:center;color:#fffc;display:flex;font-size:clamp(.9rem,1.5vw,1rem);gap:clamp(.5rem,1vw,.75rem);transition:all .3s ease}.contact-item:hover{color:#7bb5dc;transform:translateX(4px)}.contact-item svg{color:#7bb5dc;flex-shrink:0}.footer-divider{background:linear-gradient(90deg,#0000,#7bb5dc4d,#0000);height:1px;margin:clamp(1.5rem,3vw,2rem) 0}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);justify-content:space-between;padding-top:clamp(1rem,2vw,1.5rem)}.footer-copyright p{color:#ffffffb3;font-size:clamp(.8rem,1.2vw,.9rem);margin:0}.footer-legal{align-items:center;display:flex;gap:clamp(.5rem,1vw,1rem)}.footer-legal a{color:#ffffffb3;font-size:clamp(.8rem,1.2vw,.9rem);text-decoration:none;transition:all .3s ease}.footer-legal a:hover{color:#7bb5dc}.footer-legal .separator{color:#fff6;font-size:clamp(.8rem,1.2vw,.9rem)}@media (max-width:1024px){.footer-main{gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1;max-width:none}}@media (max-width:768px){.footer-main{gap:clamp(1.5rem,4vw,2rem);grid-template-columns:1fr}.footer-brand,.footer-main{text-align:center}.footer-logo,.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:clamp(.75rem,2vw,1rem);text-align:center}.footer-legal{justify-content:center}}@media (max-width:480px){.footer-content{padding:clamp(1.5rem,4vw,2rem) clamp(.75rem,3vw,1rem) clamp(.75rem,2vw,1rem)}.footer-main{gap:clamp(1rem,3vw,1.5rem)}.social-link{height:36px;width:36px}}@media (max-width:360px){.footer-main{gap:clamp(1rem,4vw,1.25rem);grid-template-columns:1fr}.footer-legal{flex-direction:column;gap:clamp(.5rem,2vw,.75rem)}.footer-legal .separator{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-section{animation:fadeInUp .6s ease forwards}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.footer,.footer *{min-width:0}.footer-logo,.social-links{flex-shrink:0}.main-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.hero{margin-bottom:4rem;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c7174,#1e3038);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.hero p{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:600px}.cars-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:3rem}.car-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .4s ease}.car-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.car-image{height:240px;object-fit:cover;transition:transform .4s ease;width:100%}.car-card:hover .car-image{transform:scale(1.05)}.car-content{padding:1.5rem}.car-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.car-description{color:#64748b;line-height:1.6;margin-bottom:1rem}.car-meta{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:1rem}.car-date{color:#94a3b8;font-size:.875rem}.read-more{background:linear-gradient(135deg,#ff7a3c,#893007);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.read-more:hover{box-shadow:0 4px 12px #1937444d;transform:translateY(-1px)}.wheel-loader-container{align-items:center;display:flex;justify-content:center}.wheel-loader{animation:spin 1.5s linear infinite;filter:drop-shadow(0 0 1px #ff6600);height:120px;width:120px}@media (max-width:768px){.main-content{padding:2rem 1rem}.hero h1{font-size:2rem}.cars-grid{gap:1.5rem;grid-template-columns:1fr}}.btn-wrapper{align-items:center;bottom:2%;display:flex;justify-content:center;padding:0;position:fixed;right:2%;z-index:1000}.btn-sm{height:2.5rem;width:2.5rem}.btn-md{height:3rem;width:3rem}.btn-lg{height:4rem;width:4rem}.btn-xl{height:5rem;width:5rem}.circular-btn{align-items:center;background:linear-gradient(135deg,#ff7a3c,#893007);border:none;border-radius:9999px;box-shadow:0 4px 12px #1937444d;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transform:translateY(0) scale(1);transition:all .3s ease-in-out}.circular-btn.active:hover{box-shadow:0 8px 20px #19374466;transform:translateY(-2px) scale(1.05)}.circular-btn.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.5}.glow-overlay{background:radial-gradient(circle at center,#ffffff4d 0,#0000 70%);border-radius:9999px;inset:0;position:absolute;transition:opacity .3s ease}.plus-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative;transition:transform .2s ease;z-index:10}.click-ping{animation:ping .6s linear;background:#ffffff4d;border-radius:9999px;inset:0;opacity:0;position:absolute}.circular-btn.fixed-bottom-left{bottom:2rem;left:2rem;position:fixed;z-index:1000}@keyframes ping{0%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.vehicle-filters-page{background-color:#f9fafb;min-height:100vh}.nav-search-section{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.login-nav a,.main-nav a{border-radius:.5rem;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.login-nav a:hover,.main-nav a:hover{background-color:#fff3}.search-bar{position:relative}.search-bar input{background:#ffffffe6;border:none;border-radius:999px;padding:.6rem 1rem .6rem 2.5rem;transition:all .2s;width:320px}.search-bar input:focus{background:#fff;box-shadow:0 0 0 2px #38bdf8;outline:none}.search-icon{color:#6b7280;left:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.main-container{margin:auto;max-width:1200px;padding:2rem}.filters-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.filters-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filters-counter span{background-color:#dbeafe;border-radius:999px;color:#1d4ed8;font-size:.875rem;padding:.25rem .75rem}.filters-counter button{align-items:center;background:none;border:none;color:#dc2626;cursor:pointer;display:flex;gap:.25rem}.filters-box{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:2rem}.filters-title{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1.5rem}.filters-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.filter-item label{color:#374151;display:block;font-size:.875rem;margin-bottom:.25rem}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper select{border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box;font-size:14px;height:42px;line-height:normal;padding:0 2.5rem 0 1rem;width:100%}.input-wrapper select{-webkit-appearance:none;appearance:none;padding-right:2.5rem}.clear-btn{background:none;border:none;cursor:pointer;right:2rem;z-index:2}.clear-btn,.dropdown-icon{color:#9ca3af;position:absolute;top:50%;transform:translateY(-50%)}.dropdown-icon{pointer-events:none;right:.75rem}.search-button-container{display:flex;justify-content:center;margin-top:2rem}.search-button-container button{align-items:center;background:linear-gradient(90deg,#6c7174,#1e3038);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:transform .2s}.search-button-container button:hover{transform:scale(1.05)}.applied-filters-box{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:2rem}.applied-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tag{align-items:center;background-color:#dbeafe;border-radius:999px;color:#1d4ed8;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.tag button{background:none;border:none;color:#1d4ed8;cursor:pointer}.results-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;color:#6b7280;padding:3rem;text-align:center}.results-placeholder h3{font-size:1.25rem;font-weight:600;margin-top:1rem}.login-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 40px #00000014;margin:5rem auto;max-width:550px;padding:2rem;text-align:center}.login-logo{align-items:center;display:flex;flex-direction:column}.login-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff7a3c,#893007);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:.25rem}.login-logo p{color:#893007;font-size:1rem;margin-bottom:2rem}.login-btn{border:none;color:#fff;font-size:1rem;padding:.75rem;transition:background .3s;width:100%}.login-btn,.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff7a3c,#893007)}.login-btn:disabled{background:#cbd5e1;cursor:not-allowed}.form-links{margin-top:1rem}.form-links a{color:#1e3038;font-size:.875rem;text-decoration:underline;transition:color .2s}.form-links a:hover{color:#334155}.register-section{color:#64748b;font-size:.9rem;margin-top:2rem}.register-btn{background-color:#f1f5f9;border-radius:8px;color:#1e3038;display:inline-block;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s}.register-btn:hover{background-color:#e2e8f0}@media (max-width:480px){.login-container{margin:2rem 1rem;padding:1.5rem}}.form-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;position:relative;width:100%}.form-group label{align-self:flex-start;color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;text-align:left;width:100%}.form-group input,.form-group select,.form-group textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#475569;box-shadow:0 0 0 3px #4755691a;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af}.form-group select option{background:#fff;color:#374151;padding:8px}.form-group.error input{background:#fef2f2;border-color:#ef4444}.form-group.success input{background:#f0fdf4;border-color:#10b981}.error-message{color:#ef4444}.error-message,.success-message{display:none;font-size:.8rem;margin-top:5px}.success-message{color:#10b981}.password-requirements{font-size:.8rem;text-align:left}.password-requirements h4{color:#374151;font-size:.85rem;margin-bottom:8px;text-align:left}.requirement{align-items:center;color:#6b7280;display:flex;justify-content:flex-start;margin-bottom:4px;text-align:left}.requirement.valid{color:#10b981}.requirement.invalid{color:#ef4444}.requirement-icon{display:inline-block;margin-right:8px;width:16px}.login-section{background:linear-gradient(135deg,#4755691a,#1e293b1a);border-radius:12px;margin-top:25px;padding:20px;text-align:center}.login-section p{color:#374151;font-size:.9rem;margin-bottom:15px}.login-btn{background:#0000;border:1px solid #475569;border-radius:8px;color:#475569;cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.login-btn:hover{background:#475569;color:#fff;transform:translateY(-1px)}.file-input-container{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;position:relative;transition:all .3s ease;width:100%}.file-input-container:hover{background:#f3f4f6;border-color:#475569}.file-input-container.drag-over{background:#4755691a;border-color:#475569}.file-input-container input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input-content{pointer-events:none;text-align:center}.upload-icon{align-items:center;background:linear-gradient(90deg,#475569,#1e293b);border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;line-height:1;margin:0 auto 15px;width:50px}.file-input-text{color:#374151;font-weight:500;margin-bottom:5px}.file-input-subtext{color:#9ca3af;font-size:.8rem}.file-preview{margin-top:15px}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.preview-item{align-items:center;aspect-ratio:1;background:#f3f4f6;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.preview-item img{height:100%;object-fit:cover;width:100%}.preview-item .remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:5px;top:5px;width:20px}.button-group{display:flex;gap:12px;margin-top:10px}.publish-btn{background:linear-gradient(90deg,#475569,#1e293b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:0;padding:16px;transition:all .3s ease;width:100%}.publish-btn:hover{box-shadow:0 10px 25px #4755694d;transform:translateY(-2px)}.publish-btn:active{transform:translateY(0)}.publish-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:#0000;border:2px solid #475569;border-radius:12px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;margin-top:0;padding:14px;transition:all .3s ease;width:100%}.cancel-btn:hover{background:#475569;color:#fff;transform:translateY(-1px)}@media (max-width:480px){.button-group{flex-direction:column;gap:8px}}.char-counter{color:#9ca3af;font-size:.8rem;margin-top:5px;text-align:right}.char-counter.warning{color:#f59e0b}.char-counter.error{color:#ef4444}.back-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.5rem}.back-button:hover{text-decoration:underline}#root,body{background:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;min-height:100vh}main{align-items:center;flex:1 1;justify-content:center;padding:1rem}header{align-items:center;display:flex;justify-content:space-between}footer,header{background-color:#137e6d;color:#fff;padding:1rem}footer{text-align:center}.no-header-footer{min-height:100vh;position:relative}.no-header-footer *{animation:none!important;transform:none!important}.full-page{margin:0;min-height:100vh;padding:0}.with-header-footer{min-height:calc(100vh - 120px)}body.no-header{padding-top:0!important}.app-no-header,.app-with-header{min-height:100vh}.main-full-height{margin:0;min-height:100vh;padding:0}.app-no-header *{animation-play-state:paused!important;transform:none!important}.app-no-header .footer,.app-no-header .header{display:none!important}.publication-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;color:#222;font-family:Inter,sans-serif;margin:2rem auto;max-width:90%;overflow:hidden}.image-container{align-items:center;aspect-ratio:16/9;background:#f2f2f2;display:flex;justify-content:center;margin-bottom:0;position:relative;width:100%}.image-container img{height:100%;object-fit:cover;width:100%}.image-placeholder{color:#666;font-size:1.1rem;font-style:italic}.title-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 2px 8px #00000026;left:12px;max-width:60%;padding:8px 16px;position:absolute;top:12px;z-index:10}.title-text{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-details{align-items:center;display:flex;gap:8px}.vehicle-details .brand{color:#f60;font-size:.9rem;font-weight:600}.vehicle-details .year{background:#eee;border-radius:12px;color:#666;font-size:.8rem;font-weight:500;padding:2px 8px}.image-buttons{display:flex;gap:8px;position:absolute;right:12px;top:12px;z-index:10}.content-wrapper{padding:2rem}.like-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.like-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.like-button:active{transform:scale(.95)}.like-button.liked{background:#ff30401a;border:2px solid #ff3040}.like-button svg{transition:all .2s ease}.like-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.like-button:disabled:hover{background:#ffffffe6!important;box-shadow:0 2px 8px #00000026!important;transform:none!important}.like-button.loading{pointer-events:none}.like-count{align-items:center;background:#ff3040;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px;width:20px}.like-button:disabled .like-count{color:#ccc}.share-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.share-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.share-button:active{transform:scale(.95)}.share-button svg{transition:all .2s ease}.more-options-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.more-options-button:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.more-options-button:active{transform:scale(.95)}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.like-button.liked svg{animation:likeAnimation .3s ease}.like-spinner{animation:spin 1s linear infinite}@keyframes shareAnimation{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0deg)}}.share-button.sharing svg{animation:shareAnimation .5s ease}.like-button[title]:hover:after{background:#000c;border-radius:4px;bottom:-35px;color:#fff;content:attr(title);font-size:12px;padding:4px 8px;white-space:nowrap}.like-button[title]:hover:after,.like-button[title]:hover:before{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.like-button[title]:hover:before{border:4px solid;border-color:#0000 #0000 #000c;bottom:-30px;content:""}.content-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:3fr 1fr}.description-section h3,.specs-section h3{color:#444;font-size:1.2rem;margin-bottom:1rem}.description-text{color:#555;line-height:1.6}.specs-section{background:#fafafa;border-radius:12px;box-shadow:inset 0 0 6px #0000000d;padding:1.5rem}.spec-item{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.5rem}.spec-label{color:#333;font-weight:600}.spec-value{color:#666}.user-info{color:#666;font-size:.95rem;margin-bottom:1rem}.user-info b{color:#333;font-weight:600}@media (max-width:1024px){.content-layout{grid-template-columns:2fr 1fr}.title-pill{max-width:65%;padding:6px 12px}.title-text{font-size:1rem}}@media (max-width:768px){.publication-container{margin:1rem auto;max-width:95%}.content-wrapper{padding:1.5rem}.title-pill{left:8px;max-width:70%;padding:6px 12px;top:8px}.title-text{font-size:.95rem;margin-bottom:2px}.vehicle-details{gap:6px}.vehicle-details .brand{font-size:.8rem}.vehicle-details .year{font-size:.75rem;padding:1px 6px}.content-layout{gap:1.5rem;grid-template-columns:1fr}.specs-section{padding:1rem}.image-buttons{gap:6px;right:8px;top:8px}.like-button,.more-options-button,.share-button{height:36px;width:36px}.like-count{font-size:10px;height:18px;width:18px}.like-button[title]:hover:after,.like-button[title]:hover:before{display:none}}.comments-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem;position:relative}.comment-user-info{align-items:center;display:flex;flex-grow:1;gap:.75rem}.comment-username{font-size:.9rem}.comment-username,.comments-section h3{color:#333;font-family:Inter,sans-serif;font-weight:600}.comments-section h3{font-size:1.3rem;margin-bottom:1.5rem}.delete-comment-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-family:Inter,sans-serif;height:36px;justify-content:center;padding:.4rem;transition:all .2s ease;width:36px}.delete-comment-btn:hover{background-color:#fee2e2;color:#dc2626;transform:scale(1.05)}.delete-comment-btn:active{transform:scale(.95)}.delete-comment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.delete-comment-btn:disabled:hover{background-color:initial;color:#6b7280}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:box-shadow .2s ease,transform .1s ease}.comment-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.comment-content{margin-bottom:1rem}.comment-content p{color:#4b5563;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.comment-actions{align-items:center;display:flex;gap:1rem}.comment-like-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.comment-like-btn:hover:not(:disabled){background:#f3f4f6;color:#374151;transform:scale(1.02)}.comment-like-btn:active:not(:disabled){transform:scale(.98)}.comment-like-btn.liked{background:#ff30401a;color:#ff3040}.comment-like-btn.liked:hover:not(:disabled){background:#ff304026}.comment-like-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-like-btn .like-count{font-size:.8rem;font-weight:600}.comment-like-btn svg{transition:all .2s ease}.comment-like-btn:hover:not(:disabled) svg{transform:scale(1.1)}.comment-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.comment-input-container{margin-bottom:.75rem}.comment-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:80px;padding:.75rem;resize:vertical;width:100%}.comment-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.comment-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.comment-form-actions{display:flex;justify-content:flex-end}.submit-comment-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.submit-comment-btn:hover{background-color:#0056b3}.submit-comment-btn:disabled{background-color:#6c757d;cursor:not-allowed}.login-prompt,.no-comments{color:#666;font-style:italic;padding:2rem;text-align:center}.comments-list{max-height:500px;overflow-y:auto}@media (max-width:768px){.comment-item{padding:.5rem}.comment-header{align-items:flex-start}.delete-comment-btn{height:28px;width:28px}}
/*# sourceMappingURL=main.59a59243.css.map*/