.page-add-car{--step-active: var(--teal, #18e1ff);--step-complete: var(--good, #41d79e);--step-pending: rgba(255, 255, 255, .2)}.add-car-container{max-width:720px;margin:0 auto;padding:1rem 1rem 6rem}.add-car-header{text-align:center;margin-bottom:2.5rem;padding:1rem 0}.add-car-header h1{font-size:clamp(2rem,6vw,2.75rem);font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 0%,var(--teal, #18e1ff) 50%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.add-car-header p{color:var(--muted, #9db2bf);font-size:1.0625rem;line-height:1.6;max-width:400px;margin:0 auto}.add-car-preview{margin-top:1.5rem;display:flex;justify-content:center}.add-car-preview__card{width:min(520px,100%);display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center;text-align:left;padding:1rem;border-radius:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.add-car-preview__media{width:96px;height:72px;border-radius:.875rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.add-car-preview__img{width:100%;height:100%;object-fit:cover;display:block}.add-car-preview__badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal, #18e1ff);background:#18e1ff14;border:1px solid rgba(24,225,255,.18);padding:.25rem .5rem;border-radius:999px;width:fit-content;margin-bottom:.4rem}.add-car-preview__title{font-weight:900;font-size:1.1rem;line-height:1.2}.add-car-preview__subtitle{color:var(--muted, #9db2bf);font-size:.9rem}@media(max-width:520px){.add-car-preview__card{grid-template-columns:76px 1fr}.add-car-preview__media{width:76px;height:60px}}.steps-indicator{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:2.5rem;padding:1rem 1.5rem;background:#ffffff08;border-radius:999px;width:fit-content;margin-left:auto;margin-right:auto}.step-dot{display:flex;align-items:center;gap:0}.step-dot:after{content:"";width:60px;height:3px;background:var(--step-pending);transition:background .4s ease;border-radius:2px}@media(max-width:480px){.step-dot:after{width:30px}}.step-dot:last-child:after{display:none}.step-circle{width:42px;height:42px;border-radius:50%;background:var(--step-pending);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.step-dot.active .step-circle{background:var(--step-active);color:#000;box-shadow:0 0 24px #18e1ff80,0 0 48px #18e1ff33;transform:scale(1.1)}.step-dot.active .step-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(24,225,255,.3);animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.step-dot.complete .step-circle{background:var(--step-complete);color:#000}.step-dot.complete .step-circle:after{content:"✓";font-size:1.1rem}.step-dot.complete:after{background:var(--step-complete)}.step-dot.active:after{background:linear-gradient(90deg,var(--step-active),var(--step-pending))}.form-step{display:none;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.form-step.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-panel{background:linear-gradient(145deg,#11161cf2,#0a0e12fa);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:2rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.form-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.form-panel-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.form-panel-header h2{font-size:1.375rem;font-weight:800;margin-bottom:.375rem;display:flex;align-items:center;gap:.5rem}.form-panel-header p{color:var(--muted, #9db2bf);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.625rem;color:#fff;letter-spacing:.01em}.form-label .required{color:#ff6b6b;margin-left:.25rem}.form-input,.form-select,.form-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:.875rem;padding:1rem 1.125rem;color:#fff;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#fff3;background:#ffffff0f}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--teal, #18e1ff);background:#18e1ff0d;box-shadow:0 0 0 4px #18e1ff1f,0 0 24px #18e1ff14}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.photo-upload-zone{border:2px dashed rgba(255,255,255,.2);border-radius:1.25rem;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff05,#ffffff0a);position:relative;overflow:hidden}.photo-upload-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(24,225,255,.1),transparent 70%);opacity:0;transition:opacity .3s}.photo-upload-zone:hover{border-color:var(--teal, #18e1ff);background:linear-gradient(135deg,#18e1ff0d,#18e1ff05);transform:translateY(-2px);box-shadow:0 8px 32px #18e1ff26}.photo-upload-zone:hover:before{opacity:1}.photo-upload-zone.dragover{border-color:var(--teal, #18e1ff);border-style:solid;background:#18e1ff1a;transform:scale(1.02)}.photo-upload-zone.has-photo{padding:0;border-style:solid;border-color:var(--good, #41d79e);overflow:hidden;box-shadow:0 8px 32px #41d79e33}.photo-upload-zone.has-photo:hover{border-color:var(--good, #41d79e);transform:none;box-shadow:0 12px 40px #41d79e40}.photo-upload-zone.has-photo img{width:100%;max-height:320px;object-fit:cover;display:block}.photo-upload-icon{width:72px;height:72px;margin:0 auto 1.25rem;color:var(--muted, #9db2bf);transition:color .3s,transform .3s}.photo-upload-zone:hover .photo-upload-icon{color:var(--teal, #18e1ff);transform:scale(1.1)}.photo-upload-text{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#fff}.photo-upload-hint{font-size:.8rem;color:var(--muted, #9db2bf);line-height:1.5}.photo-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}.mods-input-wrapper{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.mods-input-wrapper .form-select{min-width:130px;padding:.625rem .75rem;border-radius:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-primary, #fff);font-size:.875rem}.mods-input-wrapper .form-select:focus{border-color:var(--teal, #18e1ff);outline:none}.mods-input-wrapper .form-input{flex:1;min-width:150px}.mods-list{display:flex;flex-wrap:wrap;gap:.5rem}.mod-chip{display:inline-flex;align-items:center;gap:.375rem;background:#18e1ff26;border:1px solid rgba(24,225,255,.3);color:var(--teal, #18e1ff);padding:.375rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500}.mod-chip[data-category=engine]{background:#ef444426;border-color:#ef444466;color:#ef4444}.mod-chip[data-category=suspension]{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.mod-chip[data-category=exterior]{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.mod-chip[data-category=interior]{background:#a855f726;border-color:#a855f766;color:#a855f7}.mod-chip[data-category=wheels]{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.mod-chip[data-category=audio]{background:#ec489926;border-color:#ec489966;color:#ec4899}.mod-chip[data-category=other]{background:#94a3b826;border-color:#94a3b866;color:#94a3b8}.mod-chip__category{font-size:.7rem;opacity:.8;margin-right:.25rem}.mod-chip button{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity .2s}.mod-chip button:hover{opacity:1}.form-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.form-nav .btn{flex:1;max-width:200px}.btn-next,.btn-submit{background:linear-gradient(135deg,var(--teal, #18e1ff),#06b6d4);color:#000;font-weight:700;padding:1rem 1.75rem;border-radius:.875rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;letter-spacing:.01em;position:relative;overflow:hidden}.btn-next:before,.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.btn-next:hover,.btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 32px #18e1ff59,0 4px 12px #18e1ff33}.btn-next:hover:before,.btn-submit:hover:before{opacity:1}.btn-next:active,.btn-submit:active{transform:translateY(-1px)}.btn-next:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-back{background:#ffffff0f;color:#fff;font-weight:600;padding:1rem 1.75rem;border-radius:.875rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.btn-back:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.rarity-reveal-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:none;align-items:center;justify-content:center;flex-direction:column}.rarity-reveal-overlay.show{display:flex;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rarity-card-container{perspective:1000px;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.rarity-layout-switch{display:inline-flex;gap:.5rem;padding:.35rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layout-chip{appearance:none;border:1px solid rgba(255,255,255,.12);background:#0003;color:#ffffffd9;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.layout-chip:hover{transform:translateY(-1px);border-color:#18e1ff59}.layout-chip.is-active{background:#18e1ff29;border-color:#18e1ff66;color:var(--teal, #18e1ff);box-shadow:0 0 24px #18e1ff2e}.rarity-card{width:280px;height:400px;background:linear-gradient(135deg,#1a1f26,#0d1117);border-radius:1rem;position:relative;transform-style:preserve-3d;animation:cardFloat 3s ease-in-out infinite;box-shadow:0 20px 60px #00000080;overflow:hidden;color:#ffffffeb}.rarity-card-credential{width:280px;position:relative}.rarity-credential-label{position:absolute;top:.9rem;left:.9rem;z-index:5;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:#18e1ff29;border:1px solid rgba(24,225,255,.35);color:var(--teal, #18e1ff);box-shadow:0 0 24px #18e1ff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rarity-card-credential gp-card{width:280px}.rarity-card-credential .gp-controls,.rarity-card-credential .gp-mint-number,.rarity-card-credential .gp-tier-badge{display:none!important}@keyframes cardFloat{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-10px) rotateY(5deg)}}.rarity-card-image{width:100%;height:60%;object-fit:cover}.rarity-card-info{padding:1rem;text-align:center}.rarity-card-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.rarity-card-subtitle{font-size:.875rem;color:var(--muted, #9db2bf)}.rarity-card.tier-street{border:2px solid rgba(255,255,255,.3)}.rarity-card.tier-neon{border:2px solid var(--teal, #18e1ff);box-shadow:0 0 40px #18e1ff4d,0 20px 60px #00000080}.rarity-card.tier-owner{border:2px solid rgba(24,225,255,.55);box-shadow:0 0 46px #18e1ff47,0 20px 60px #00000080}.rarity-card.tier-skye{border:2px solid #3b82f6;box-shadow:0 0 40px #3b82f659,0 20px 60px #00000080}.rarity-card.tier-nova,.rarity-card.tier-apex{border:2px solid #fbbf24;box-shadow:0 0 40px #fbbf2466,0 20px 60px #00000080}.rarity-card.tier-cosmic{border:2px solid #a855f7;box-shadow:0 0 60px #a855f780,0 20px 60px #00000080;animation:cardFloat 3s ease-in-out infinite,cosmicPulse 2s ease-in-out infinite}@keyframes cosmicPulse{0%,to{box-shadow:0 0 60px #a855f780,0 20px 60px #00000080}50%{box-shadow:0 0 80px #a855f7b3,0 20px 60px #00000080}}.rarity-tier-badge{position:absolute;top:1rem;left:1rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tier-badge-street{background:#fff3;color:#fff}.tier-badge-neon{background:#18e1ff33;border:1px solid rgba(24,225,255,.4);color:var(--teal, #18e1ff)}.tier-badge-owner{background:#18e1ff29;border:1px solid rgba(24,225,255,.35);color:var(--teal, #18e1ff)}.tier-badge-skye{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.tier-badge-nova,.tier-badge-apex{background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fbbf24}.tier-badge-cosmic{background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#a855f7}.rarity-reveal-text{text-align:center;animation:revealPulse 1s ease-out;max-width:min(520px,calc(100vw - 32px))}.rarity-reveal-title{font-size:1.5rem;font-weight:900;letter-spacing:-.01em}.rarity-reveal-subtitle{margin-top:.35rem;font-size:.95rem;font-weight:600;color:var(--muted, #9db2bf)}@keyframes revealPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rarity-reveal-actions{display:flex;gap:1rem;margin-top:2rem}.submit-loading{position:fixed;inset:0;background:#000000e6;z-index:999;display:none;align-items:center;justify-content:center;flex-direction:column}.submit-loading.show{display:flex}.submit-loading .spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--teal, #18e1ff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-loading p{margin-top:1rem;color:var(--muted, #9db2bf)}.live-preview{position:sticky;top:5rem}.preview-label{font-size:.75rem;font-weight:600;color:var(--muted, #9db2bf);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;text-align:center}.preview-card{background:linear-gradient(135deg,#1a1f26,#0d1117);border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg)}.preview-card-image{width:100%;aspect-ratio:4/3;object-fit:cover;background:#ffffff0d}.preview-card-body{padding:1rem}.preview-card-title{font-weight:700;margin-bottom:.25rem}.preview-card-subtitle{font-size:.875rem;color:var(--muted, #9db2bf)}.u-hidden{display:none!important}.u-mt-6{margin-top:1.5rem!important}.u-mb-3{margin-bottom:.75rem!important}.u-flex-center{display:flex;align-items:center;gap:.75rem}.u-flex-wrap-gap{display:flex;gap:.5rem;flex-wrap:wrap}.u-text-sm{font-size:.875rem}.u-text-xs{font-size:.75rem}.u-text-muted{color:var(--muted, #9db2bf)}.u-font-normal{font-weight:400}.u-min-w-120{min-width:120px}.u-rarity-info{background:#18e1ff0d;border:1px solid rgba(24,225,255,.2);border-radius:.75rem;padding:1rem}.u-badge-pill{padding:.25rem .5rem;border-radius:999px;background:#ffffff1a}.u-text-white{color:#fff!important}.u-text-teal{color:var(--teal)!important}.u-text-skye{color:#3b82f6!important}.u-text-gold{color:#fbbf24!important}.u-text-purple{color:#a855f7!important}.u-bg-teal-alpha{background:#18e1ff26!important}.u-bg-skye-alpha{background:#3b82f626!important}.u-bg-gold-alpha{background:#fbbf2426!important}.u-bg-purple-alpha{background:#a855f726!important}