.trails-hero{width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,var(--trail-color) 75%,color-mix(in srgb,var(--trail-color) 85%,white 15%) 100%);color:#fff;padding:80px 20px;box-sizing:border-box}.trails-hero-inner{max-width:1200px;width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:60px}.trails-hero-content{flex:1;max-width:700px;margin-top:-30px;display:flex;flex-direction:column;justify-content:flex-start}.trails-hero-content h1{font-size:48px;font-weight:800;margin-bottom:20px;color:#fff;line-height:1.2}.trails-hero-content p{font-size:18px;color:#eef3ff;margin-bottom:25px;max-width:90%}.trails-hero-points{list-style:none;padding:0;margin:30px 0 0 0}.trails-hero-points li{font-size:17px;color:#f0f4ff;margin-bottom:10px;display:flex;align-items:center;gap:10px}.trails-hero-points .point-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#fff;border-radius:50%;font-size:14px}.trails-hero-action{flex-shrink:0;display:flex;align-items:center;justify-content:center}.trails-hero-btn{background:#fff;color:var(--trail-color);font-weight:700;padding:18px 76px;border-radius:50px;text-decoration:none;font-size:18px;transition:all 0.3s ease;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.trails-hero-btn:hover{background:#f3f4f6;transform:translateY(-2px)}.how-it-works{background:#f9fafc;padding:100px 20px}.how-it-works-inner{max-width:1100px;margin:0 auto;text-align:center}.how-it-works h2{font-size:36px;font-weight:800;margin-bottom:60px;color:#111}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-step{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:40px 25px 30px;box-shadow:0 6px 12px rgb(0 0 0 / .05);transition:transform 0.3s ease,box-shadow 0.3s ease}.how-step:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.how-step-number{position:absolute;top:-20px;left:30px;background:var(--trail-color,#2563eb);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 8px rgb(0 0 0 / .15)}.how-step-content{font-size:16px;color:#333;line-height:1.6}.how-step-content strong{color:var(--trail-color,#2563eb);font-weight:700}@media (max-width:992px){.how-it-works-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.how-it-works-grid{grid-template-columns:1fr}.how-step{padding:50px 25px 30px}.how-step-number{left:50%;transform:translateX(-50%)}}.trails-list-section{background:#fff;padding:100px 20px}.trails-list-inner{max-width:1200px;margin:0 auto;text-align:center}.trails-list-section h2{font-size:36px;font-weight:800;margin-bottom:60px;color:#111}.trails-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trail-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px rgb(0 0 0 / .05);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative}.trail-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}.trail-card::before{content:"";display:block;height:8px;width:100%;background:var(--trail-color,#2563eb)}.trail-card-content{padding:28px 24px 36px;flex:1;text-align:left}.trail-card-content h3{margin-top:0;font-size:22px;font-weight:700;color:#111}.trail-card-content p{color:#555;font-size:15px;line-height:1.6;margin-bottom:15px}.trail-meta{font-size:14px;color:#6b7280;margin-bottom:10px}.trail-progress{background:#e5e7eb;border-radius:6px;height:10px;overflow:hidden;margin-bottom:20px}.trail-progress div{background:var(--trail-color,#2563eb);height:100%;width:50%;transition:width 0.4s ease}.trail-card a.button{background:var(--trail-color,#2563eb);color:#fff;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:8px;display:inline-block;transition:background 0.3s ease}.trail-card a.button:hover{background:#1e40af}.trail-card.soon{opacity:.9;filter:grayscale(.3);position:relative}.trail-card.soon::after{content:"Wkrótce";position:absolute;top:15px;right:-30px;background:#facc15;color:#111;font-weight:700;padding:5px 30px;transform:rotate(45deg);font-size:14px}.trail-card a.button.disabled{background:#d1d5db;color:#6b7280;pointer-events:none}@media (max-width:1024px){.trails-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.trails-list{grid-template-columns:1fr}}@media (max-width:768px){.trails-hero-inner{flex-direction:column;text-align:center}.trails-hero-action{margin-top:25px}.trails-list{grid-template-columns:1fr}.trails-hero-points{align-items:center}}