* { margin: 0; padding: 0; box-sizing: border-box; }
        body { background: #101c36; font-family: sans-serif; text-align: center; color: #fff; line-height: 1.6; }
        
        .wrapper1 { max-width: 1500px; margin: 0 auto; padding: 1rem; }
        
        .sale_banner_orange {
            background: linear-gradient(to bottom, #f49300 0%, #f25b00 100%);
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            color: #c8c8c8;
            font: bold 16px/36px sans-serif;
            height: 36px;
            margin-bottom: 2rem;
        }
        .sale_banner_orange a { color: #fff; text-decoration: none; display: block; }

        .header { padding: 2rem 1rem; }
        h1 { color: #848484; font-size: 2.5rem; margin-bottom: 1rem; }

        nav { margin: 2rem 0; }
        nav a { color: #c8c8c8; padding: 0 10px; text-decoration: none; font-size: 0.9rem; }
        nav a:hover { color: #f49300; }

        .wrapper2 {
            background: url('/assets/bottom.png') no-repeat center bottom;
            padding-bottom: 140px;
            min-height: 400px;
        }

        .wrapper3 {
            background: #fff;
            max-width: 530px;
            margin: 0 auto;
            padding: 2rem;
            color: #101c36;
            border-radius: 8px;
        }

        .footer { color: #626574; padding: 2rem; font-size: 0.8rem; }
        .footer a { color: #626574; text-decoration: none; }

        @media screen and (min-width: 768px) {
            .wrapper2 { background-image: url('/assets/arrows.png'); }
            h1 { font-size: 3.5rem; }
        }