@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-navy-950:#050b18;--color-navy-900:#0b1120;--color-navy-800:#111827;--color-navy-700:#1a2535;--color-navy-600:#243048;--color-navy-500:#2e3d5c;--color-navy-400:#3d5070;--color-gold-600:#8a6a22;--color-gold-500:#c9a84c;--color-gold-400:#d4b565;--color-gold-300:#e0c97f;--color-gold-200:#ecd99a;--color-gold-100:#f5eccc;--color-teal-600:#00a585;--color-teal-500:#00d4aa;--color-teal-400:#33debb;--color-teal-300:#66e8cc;--color-teal-100:#ccf7ef;--color-red-500:#ef4444;--color-red-400:#f87171;--color-green-500:#22c55e;--color-green-400:#4ade80;--color-amber-500:#f59e0b;--color-white:#fff;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--bg-primary:var(--color-navy-900);--bg-secondary:var(--color-navy-800);--bg-card:var(--color-navy-700);--bg-card-hover:var(--color-navy-600);--bg-glass:#111827b3;--bg-glass-light:#1d2a4299;--text-primary:var(--color-white);--text-secondary:#ffffffb3;--text-muted:#ffffff73;--text-gold:var(--color-gold-500);--text-teal:var(--color-teal-500);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-gold:#c9a84c59;--border-teal:#00d4aa4d;--accent-primary:var(--color-gold-500);--accent-secondary:var(--color-teal-500);--accent-danger:var(--color-red-500);--accent-success:var(--color-green-500);--accent-warning:var(--color-amber-500);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-gold:0 0 24px #c9a84c40;--shadow-teal:0 0 24px #00d4aa33;--shadow-gold-intense:0 0 48px #c9a84c66;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-arabic:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--container-max:1280px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#c9a84c08 1px,#0000 1px),linear-gradient(90deg,#c9a84c08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#c9a84c0f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-20%;right:-10%}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);z-index:1;margin:0 auto;position:relative}.page-wrapper{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}.h1{font-size:var(--text-5xl)}.h2{font-size:var(--text-4xl)}.h3{font-size:var(--text-3xl)}.h4{font-size:var(--text-2xl)}.h5{font-size:var(--text-xl)}.text-gold{color:var(--color-gold-500);background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-teal{color:var(--color-teal-500)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.card-gold{border-color:var(--border-gold);box-shadow:var(--shadow-gold)}.card-teal{border-color:var(--border-teal);box-shadow:var(--shadow-teal)}.card-flat{transform:none!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;letter-spacing:.01em;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-600));color:var(--color-navy-900);border-color:var(--color-gold-400);box-shadow:0 4px 20px #c9a84c59}.btn-primary:hover{background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-500));transform:translateY(-1px);box-shadow:0 6px 28px #c9a84c80}.btn-secondary{color:var(--color-gold-500);border-color:var(--border-gold);background:0 0}.btn-secondary:hover{border-color:var(--color-gold-500);background:#c9a84c14}.btn-teal{background:linear-gradient(135deg, var(--color-teal-500), var(--color-teal-600));color:var(--color-navy-900);border-color:var(--color-teal-400);box-shadow:0 4px 20px #00d4aa40}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 6px 28px #00d4aa66}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border-color:var(--border-default)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-glass-light)}.btn-danger{background:linear-gradient(135deg, var(--color-red-500), #dc2626);color:#fff;border-color:var(--color-red-400);box-shadow:0 4px 20px #ef44444d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 28px #ef444473}.btn-success{background:linear-gradient(135deg, var(--color-green-500), #16a34a);color:#fff;border-color:var(--color-green-400);box-shadow:0 4px 20px #22c55e4d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 28px #22c55e73}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.01em;font-weight:500}.form-label.required:after{content:" *";color:var(--color-gold-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background:#0b1120cc;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gold-500);box-shadow:0 0 0 3px #c9a84c1f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-red-500);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:120px}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23C9A84C' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);cursor:pointer}.form-select option{background:var(--color-navy-800);color:var(--text-primary)}.form-error{font-size:var(--text-xs);color:var(--color-red-400);align-items:center;gap:var(--space-1);display:flex}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-radio-group,.form-check-group{gap:var(--space-2);flex-direction:column;display:flex}.form-radio-item,.form-check-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.form-radio-item:hover,.form-check-item:hover{border-color:var(--border-gold);background:#c9a84c0a}.form-radio-item.selected,.form-check-item.selected{border-color:var(--color-gold-500);background:#c9a84c14}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-gold-500);cursor:pointer}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:inline-flex}.badge-live{color:#ff6b6b;background:#ef444426;border:1px solid #ef44444d;animation:2s infinite pulse-live}.badge-live:before{content:"";background:#ff6b6b;border-radius:50%;width:6px;height:6px;animation:2s infinite dot-pulse}.badge-scheduled{color:var(--color-gold-400);border:1px solid var(--border-gold);background:#c9a84c1f}.badge-ended{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d}.badge-cancelled{color:var(--color-red-400);background:#ef444414;border:1px solid #ef444433}.badge-accepted{color:var(--color-green-400);background:#22c55e1f;border:1px solid #22c55e40}.badge-rejected{color:var(--color-red-400);background:#ef444414;border:1px solid #ef444433}.badge-pending{color:var(--color-amber-500);background:#f59e0b1a;border:1px solid #f59e0b40}.badge-category{color:var(--color-teal-400);border:1px solid var(--border-teal);text-transform:none;letter-spacing:0;background:#00d4aa1a}.nav{height:var(--nav-height);z-index:100;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);transition:border-color var(--transition-base);background:#050b18d9;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border-gold);box-shadow:0 4px 32px #00000080}.nav-inner{height:100%;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.nav-logo-text{font-family:var(--font-display);font-size:var(--text-2xl);background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-600));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-logo-arabic{font-family:var(--font-arabic);font-size:var(--text-lg);color:var(--text-muted);font-weight:400}.nav-links{align-items:center;gap:var(--space-3);display:flex}.nav-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-gold-500);height:2px;transition:transform var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-mobile-dropdown{top:var(--nav-height);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);z-index:99;background:#050b18fa;width:100%;display:none;position:absolute;left:0;right:0;box-shadow:0 8px 32px #0009}.nav-mobile-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--text-secondary);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-align:start;width:100%;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;text-decoration:none;display:flex}.nav-mobile-menu-item:hover{color:var(--text-primary);background:#ffffff0f}.nav-mobile-signout{color:var(--color-red-400)}.nav-mobile-signout:hover{color:var(--color-red-300);background:#ef44441a}.nav-mobile-signin{color:var(--color-gold-400);font-weight:600}.nav-mobile-badge{background:var(--color-red-500);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-inline-start:auto;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.nav-mobile-divider{background:var(--border-subtle);height:1px;margin:var(--space-2) var(--space-4);border:none}.nav-toggle{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;padding:0;display:none}.nav-toggle-bar{background-color:var(--color-white);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%}.nav-toggle.active .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.auction-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.auction-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold), var(--shadow-lg);transform:translateY(-4px)}.auction-card-image{object-fit:cover;background:var(--color-navy-700);width:100%;height:220px}.auction-card-image-placeholder{background:linear-gradient(135deg, var(--color-navy-700), var(--color-navy-600));width:100%;height:220px;color:var(--text-muted);font-size:var(--text-4xl);justify-content:center;align-items:center;display:flex}.auction-card-body{padding:var(--space-5)}.auction-card-meta{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.auction-card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.auction-card-location{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.auction-card-price-row{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.auction-card-price-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.auction-card-price{font-size:var(--text-xl);color:var(--color-gold-400);font-weight:800;font-family:var(--font-display)}.auction-card-price span{font-size:var(--text-xs);color:var(--text-muted);margin-left:2px;font-weight:400}.auction-card-price--ended{color:var(--color-green-400,#4ade80);position:relative}.countdown{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;display:flex}.countdown-unit{background:var(--bg-glass);border:1px solid var(--border-gold);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);flex-direction:column;align-items:center;min-width:52px;display:flex}.countdown-value{font-size:var(--text-2xl);color:var(--color-gold-400);line-height:1}.countdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:500;font-family:var(--font-sans)}.countdown-sep{font-size:var(--text-2xl);color:var(--color-gold-500);margin-bottom:var(--space-4)}.bid-timer{width:120px;height:120px;position:relative}.bid-timer svg{transform:rotate(-90deg)}.bid-timer-track{fill:none;stroke:#c9a84c1a;stroke-width:8px}.bid-timer-progress{fill:none;stroke:var(--color-gold-500);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.bid-timer-progress.urgent{stroke:var(--color-red-500);animation:.5s infinite alternate pulse-stroke}.bid-timer-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bid-timer-seconds{font-size:var(--text-3xl);color:var(--text-primary);font-weight:800;font-family:var(--font-display);line-height:1}.bid-timer-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hero{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-8);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#c9a84c1f 0%,#0000 60%),radial-gradient(50% 80% at 100%,#00d4aa0f 0%,#0000 60%),radial-gradient(60% 40% at 0 100%,#c9a84c0d 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:750px;margin:0 auto;display:flex;position:relative}.hero-eyebrow{align-items:center;gap:var(--space-2);border:1px solid var(--border-gold);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-gold-400);margin-bottom:var(--space-6);animation:slide-up .6s var(--transition-spring) both;background:#c9a84c1a;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:var(--space-6);animation:slide-up .6s var(--transition-spring) .1s both;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1}.hero-description{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:580px;animation:slide-up .6s var(--transition-spring) .2s both;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);animation:slide-up .6s var(--transition-spring) .3s both;display:flex}.auction-filter-strip{background:var(--bg-glass);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:var(--space-6) 0}.auction-filter-tabs{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.auction-filter-tab{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;background:#ffffff08;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.auction-filter-tab:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#c9a84c0f);transition:opacity .3s;position:absolute;inset:0}.auction-filter-tab:hover{border-color:var(--border-gold);background:#c9a84c0d;transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c1a}.auction-filter-tab:hover:before{opacity:1}.auction-filter-tab--live{background:#ef44440a;border-color:#ef444433}.auction-filter-tab--live:hover{background:#ef444414;border-color:#ef444466;box-shadow:0 8px 24px #ef44441f}.auction-filter-tab--live:before{background:linear-gradient(135deg,#0000,#ef44440f)}.auction-filter-tab-icon{align-items:center;gap:var(--space-1);font-size:1.25rem;display:flex;position:relative}.auction-filter-tab-label{font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.auction-filter-tab-desc{font-size:var(--text-xs);color:var(--text-muted);text-align:center}@media (max-width:640px){.auction-filter-tabs{gap:var(--space-3);grid-template-columns:1fr}.auction-filter-tab{padding:var(--space-4);gap:var(--space-3);flex-direction:row}.auction-filter-tab-icon{font-size:1rem}.auction-filter-tab-label{font-size:var(--text-base)}.auction-filter-tab-desc{display:none}}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-eyebrow{align-items:center;gap:var(--space-2);border:1px solid var(--border-teal);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-teal-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#00d4aa14;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.02em;margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.steps-grid:before{content:"";top:40px;left:calc(16.666% + var(--space-6));right:calc(16.666% + var(--space-6));background:linear-gradient(90deg, transparent, var(--color-gold-500), transparent);opacity:.4;height:1px;position:absolute}.step-card{text-align:center;padding:var(--space-8) var(--space-6);position:relative}.step-number{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-600));width:64px;height:64px;color:var(--color-navy-900);font-size:var(--text-xl);margin:0 auto var(--space-5);box-shadow:var(--shadow-gold);font-weight:900;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.step-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.step-title{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.step-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.filter-bar{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(16px);flex-wrap:wrap;display:flex}.filter-search{flex:1;min-width:200px;position:relative}.filter-search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-search .form-input{padding-left:var(--space-10)}.filter-divider{background:var(--border-default);width:1px;height:36px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-6);background:#050b18d9;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-navy-800);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;max-height:90vh;animation:modal-in .3s var(--transition-spring);position:relative;overflow-y:auto}.modal:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:700}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-glass)}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);border:1px solid;display:flex}.alert-error{color:var(--color-red-400);background:#ef444414;border-color:#ef444440}.alert-success{color:var(--color-green-400);background:#22c55e14;border-color:#22c55e40}.alert-warning{color:var(--color-amber-500);background:#f59e0b14;border-color:#f59e0b40}.alert-info{border-color:var(--border-gold);color:var(--color-gold-400);background:#c9a84c0f}.spinner{border:2px solid var(--border-default);border-top-color:var(--color-gold-500);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:48px;height:48px}.divider{background:var(--border-default);height:1px;margin:var(--space-6) 0}.divider-gold{background:linear-gradient(90deg, transparent, var(--color-gold-500), transparent);opacity:.3}.divider-text{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border-default);flex:1;height:1px}.tabs{border-bottom:1px solid var(--border-default);gap:var(--space-1);margin-bottom:var(--space-8);display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-gold-500);border-bottom-color:var(--color-gold-500)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:4rem}.empty-state-title{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.empty-state-desc{font-size:var(--text-sm);margin-bottom:var(--space-6)}.auction-room{min-height:calc(100vh - var(--nav-height));gap:var(--space-6);padding:var(--space-6) 0;grid-template-columns:1fr 380px;align-items:start;display:grid}.bid-feed{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-height:400px;overflow:hidden auto}.bid-feed::-webkit-scrollbar{width:4px}.bid-feed::-webkit-scrollbar-track{background:0 0}.bid-feed::-webkit-scrollbar-thumb{background:var(--color-gold-500);border-radius:var(--radius-full);opacity:.3}.bid-item{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;animation:.3s slide-in-right;display:flex}.bid-item:last-child{border-bottom:none}.bid-item.leading{background:#c9a84c14}.bid-amount{font-size:var(--text-lg);color:var(--color-gold-400);font-weight:700;font-family:var(--font-display)}.bid-time{font-size:var(--text-xs);color:var(--text-muted)}.winner-overlay{z-index:200;background:#050b18eb;justify-content:center;align-items:center;animation:.5s fade-in;display:flex;position:fixed;inset:0}.winner-card{text-align:center;padding:var(--space-12);max-width:500px}.winner-icon{margin-bottom:var(--space-6);animation:bounce-in .6s var(--transition-spring);font-size:5rem}.winner-title{font-size:var(--text-4xl);background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-600));-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-weight:900}.notif-bell{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.notif-bell:hover{color:var(--text-primary);border-color:var(--border-gold)}.notif-badge{background:var(--color-red-500);color:#fff;border:2px solid var(--color-navy-900);width:18px;height:18px;animation:scale-in .3s var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:#0b112066}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--color-gold-500);background:#c9a84c0a}.upload-icon{color:var(--color-gold-500);margin-bottom:var(--space-4);opacity:.6;font-size:2.5rem}.upload-text{font-size:var(--text-sm);color:var(--text-secondary)}.upload-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.upload-preview-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.upload-preview-item{border-radius:var(--radius-md);aspect-ratio:1;border:1px solid var(--border-default);position:relative;overflow:hidden}.upload-preview-item img{object-fit:cover;width:100%;height:100%}.upload-preview-remove{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.payment-card{border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-4);display:flex}.payment-card:hover{border-color:var(--border-gold);background:#c9a84c0a}.payment-card.selected{border-color:var(--color-gold-500);background:#c9a84c14;box-shadow:0 0 0 3px #c9a84c1a}.payment-card-logo{background:var(--color-navy-700);border-radius:var(--radius-sm);width:60px;height:36px;font-size:var(--text-xs);color:var(--color-gold-400);letter-spacing:.05em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.footer{background:var(--color-navy-950);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8);position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-4);max-width:280px;line-height:1.7}.footer-heading{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-gold-400)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.footer-copy{font-size:var(--text-xs);color:var(--text-muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes pulse-stroke{0%{stroke:var(--color-red-500)}to{stroke:#f99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:.4s fade-in}.animate-slide-up{animation:slide-up .5s var(--transition-spring)}.animate-float{animation:3s ease-in-out infinite float}.skeleton{background:linear-gradient(90deg, var(--color-navy-700) 25%, var(--color-navy-600) 50%, var(--color-navy-700) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-navy-950)}::-webkit-scrollbar-thumb{background:var(--color-navy-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-600)}[dir=rtl]{font-family:var(--font-arabic)}[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .form-select{background-position:left var(--space-3) center;padding-right:var(--space-4);padding-left:var(--space-10)}[dir=rtl] .footer-grid{direction:rtl}[dir=rtl] .notif-badge{left:-4px;right:auto}[dir=rtl] .filter-search .form-input{padding-left:var(--space-4);padding-right:var(--space-10)}[dir=rtl] .filter-search-icon{left:auto;right:var(--space-3)}[dir=rtl] .auction-card-price span{margin-left:0;margin-right:2px}.auction-room-layout{gap:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.auction-room-hero{gap:var(--space-4);grid-template-columns:1fr;align-items:stretch;display:grid}.auction-room-hero.has-photos{grid-template-columns:55% 45%}@media (max-width:1024px){.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.auction-room,.auction-room-layout,.auction-detail-layout,.profile-grid,.auction-room-hero,.auction-room-hero.has-photos{grid-template-columns:1fr!important}.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (max-width:768px){.container{padding:0 var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.hero-title{font-size:2.25rem}.hero-actions,.filter-bar{flex-direction:column;align-items:stretch}.filter-bar form{flex-direction:column!important;align-items:stretch!important}.filter-bar form>div{width:100%;min-width:0!important}.filter-divider{display:none}.nav-inner{height:auto;padding:var(--space-2) var(--space-4);flex-wrap:wrap}.nav-links,.nav-desktop-only{display:none!important}.nav-toggle{display:flex}.nav-mobile-dropdown{animation:.25s ease-out slide-down;display:block}.nav-mobile-dropdown-inner{gap:var(--space-1);padding:var(--space-4) var(--space-3);flex-direction:column;max-width:480px;margin:0 auto;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-links{gap:var(--space-6);padding:var(--space-8) var(--space-6);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.nav-mobile-link{font-size:var(--text-lg);color:var(--text-secondary);transition:color var(--transition-fast);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-weight:600}.nav-mobile-link:hover,.nav-mobile-link.active{color:var(--color-gold-400)}.nav-mobile-divider{background:var(--border-subtle);height:1px;margin:var(--space-2) 0;border:0}.nav-mobile-actions{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}.modal{padding:var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:not(:last-child):after{display:none}.auction-room-layout{gap:var(--space-4)!important;grid-template-columns:1fr!important}.auction-room-hero,.auction-room-hero.has-photos{grid-template-columns:1fr!important}.card-gold{padding:var(--space-4) var(--space-3)!important}#bid-amount-input{font-size:var(--text-base)!important;height:44px!important}#place-bid-btn{min-height:48px;width:100%!important;max-width:100%!important;padding:var(--space-3)!important;font-size:var(--text-base)!important}.bid-timer,.bid-timer svg{width:100px!important;height:100px!important}}@media (max-width:480px){.auction-card-image,.auction-card-image-placeholder{height:180px}.upload-preview-grid{grid-template-columns:repeat(3,1fr)}.bid-timer,.bid-timer svg{width:80px!important;height:80px!important}.bid-timer-seconds{font-size:var(--text-xl)!important}#place-bid-btn{min-height:44px;font-size:var(--text-sm)!important}}@media print{.nav,.footer,.btn{display:none}body{color:#000;background:#fff}}
