:root{--primary: #2563eb;--primary-hover: #1e40af;--secondary: #059669;--accent: #f59e0b;--bg: #ffffff;--bg-soft: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--radius: 16px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 25px 50px -12px rgb(0 0 0 / .08);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--header-height: 90px;--space-xs: clamp(.5rem, 1vw, .75rem);--space-sm: clamp(.75rem, 1.5vw, 1rem);--space-md: clamp(1rem, 2vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2.5rem);--space-xl: clamp(2rem, 4vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}@media(max-width:1400px){html{font-size:15px}}@media(max-width:768px){html{font-size:14px}}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.03em;line-height:1.25;font-weight:800}h1{font-size:clamp(2rem,5vw,4.5rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1rem,2vw,1.25rem)}a{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}ul{list-style:none}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem);width:100%}section{padding:clamp(60px,10vw,100px) 0;position:relative}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1.5rem;text-align:center;color:#0f172a}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted);text-align:center;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:clamp(12px,1.5vw,14px) clamp(20px,2.5vw,28px);border-radius:var(--radius);font-weight:700;font-size:clamp(.875rem,1.5vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1);gap:10px;white-space:nowrap;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s;z-index:-1}.btn:hover:before{opacity:1}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #2563eb33,0 4px 6px -4px #2563eb1a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #2563eb40,0 8px 10px -6px #2563eb26}.btn-primary:active{transform:translateY(-1px) scale(1.01)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:#fff;box-shadow:0 1px 2px #0000000d}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#2563eb05;transform:translateY(-2px)}.btn-olx{background:#002f34;color:#fff;box-shadow:0 10px 15px -3px #002f344d}.btn-olx:hover{background:#00424a;transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #002f3466}.btn-allegro{background:#ff5a00;color:#fff;box-shadow:0 10px 15px -3px #ff5a004d}.btn-allegro:hover{background:#ff752d;transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #ff5a0066}.badge{display:inline-block;padding:6px 14px;border-radius:30px;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:#2563eb14;color:var(--primary);margin-bottom:1.5rem}@media(max-width:1024px){.container{padding:0 clamp(1.5rem,4vw,2rem)}section{padding:clamp(50px,8vw,80px) 0}}@media(max-width:768px){.container{padding:0 24px}section{padding:60px 0}.section-title{font-size:2.25rem}.section-subtitle{font-size:1.1rem}}@media(max-width:480px){.container{padding:0 16px}section{padding:50px 0}.section-title{font-size:1.85rem;line-height:1.2}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.btn{padding:12px 20px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
