:root{--primary-color:#e55608;--primary-dark:#c94c07;--secondary-color:#143b4a;--secondary-light:#2a4a56;--light-color:#f8fafc;--dark-color:#143b4a;--gray-color:#94a3b8;--border-radius:8px;--box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}body{background-color:#fff;color:var(--dark-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;padding-top:76px;position:relative}body:before{background-image:url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.3'><line x1='20' y1='10' x2='20' y2='30' stroke='%23b8d4ea' stroke-width='1.2'/><line x1='10' y1='20' x2='30' y2='20' stroke='%23b8d4ea' stroke-width='1.2'/></g></svg>");background-position:0 0;background-repeat:repeat;background-size:40px 40px;content:"";height:100vh;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.container,main,section{position:relative;z-index:1}.navbar{background-color:var(--dark-color)!important;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:1rem 0}.navbar-brand img{transition:all .3s ease}.hero-section{background:transparent!important;min-height:35vh;overflow:hidden;padding-bottom:2.5rem!important;padding-top:2.5rem!important;position:relative;text-align:center;z-index:1}.hero-section,.step-circle{align-items:center;display:flex;justify-content:center}.step-circle{background:#f4e2d6;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);font-size:1.08rem;font-weight:700;height:36px;margin-bottom:.7rem;margin-left:0;margin-top:3px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px}.step-line{background:linear-gradient(to bottom,var(--primary-color) 10%,#f4e2d6 90%);border-radius:2px;height:calc(100% - 72px);left:18px;position:absolute;top:36px;width:4px;z-index:0}.card{border:none;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05)!important;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1)!important;transform:translateY(-5px)}.form-control,.form-select{border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:.95rem;padding:.75rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,.25)}.btn{border-radius:var(--border-radius);font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff}.benefit-card{background:#fff;border-radius:1rem;box-shadow:0 4px 15px rgba(0,0,0,.05);height:100%;padding:2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.benefit-icon{align-items:center;background-color:#e8f0fe;border-radius:50%;color:var(--primary-color);display:flex;font-size:1.75rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.cta-section{background:var(--primary-color)!important;color:#fff;padding:4rem 0}.color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:50%;display:inline-block;height:20px;margin-right:5px;vertical-align:middle;width:20px}.theme-blue{--primary-color:#1e88e5;--primary-dark:#1565c0}.theme-green{--primary-color:#43a047;--primary-dark:#2e7d32}.theme-purple{--primary-color:#8e24aa;--primary-dark:#6a1b9a}.theme-red{--primary-color:#e53935;--primary-dark:#c62828}.layout-compact .match-result-preview{padding:1rem!important}.layout-compact .match-teams h4{font-size:1.1rem}.layout-compact .score-display{font-size:1.2rem!important;padding:.25rem .5rem!important}.layout-detailed .match-result-preview{border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:1.5rem!important}.layout-detailed .match-teams h4{font-size:1.4rem}.layout-detailed .score-display{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);font-size:1.8rem!important;padding:.5rem 1rem!important}.bg-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath fill='%23f0f0f0' fill-opacity='.4' fill-rule='evenodd' d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zm0-30V0h-2v4h-4v2h4v4h2V6h4V4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/svg%3E")}.bg-gradient{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1) 0,rgba(var(--secondary-color-rgb),.1) 100%)}.footer{background-color:var(--secondary-color);color:#fff;padding:4rem 0 2rem;position:relative;z-index:2}.footer a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}.social-icon{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin-right:.5rem;transition:background-color .3s ease;width:40px}.social-icon:hover{background-color:hsla(0,0%,100%,.2)}.how-it-works-section{background:#f7fafc;border-radius:12px;padding:2rem}.match-result-preview{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);margin-top:1rem;padding:2rem}.fadeIn{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991.98px){.hero-section{padding-bottom:2rem!important;padding-top:2rem!important}}@media (max-width:767.98px){.benefit-card{margin-bottom:1.5rem}}