/* ═══════════════════════════════════
           NEWSLETTER
        ═══════════════════════════════════ */
 .newsletter {
     padding: 100px 40px;
     background: var(--ink);
     position: relative;
     overflow: hidden;
 }

 .newsletter::before {
     content: '';
     position: absolute;
     width: 700px;
     height: 700px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(59, 130, 246, .12) 0%, transparent 70%);
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .newsletter-inner {
     max-width: 580px;
     margin: 0 auto;
     text-align: center;
     position: relative;
 }

 .newsletter-inner .chip {
     background: rgba(59, 130, 246, .15);
     color: #93C5FD;
     margin-bottom: 20px;
 }

 .newsletter h2 {
     color: #fff;
     font-size: clamp(1.8rem, 3vw, 2.4rem);
     margin-bottom: 12px;
 }

 .newsletter p {
     color: rgba(255, 255, 255, .55);
     margin-bottom: 36px;
 }

 .newsletter-form {
     display: flex;
     gap: 10px;
     max-width: 460px;
     margin: 0 auto;
 }

 .newsletter-form input {
     flex: 1;
     padding: 14px 18px;
     border-radius: var(--radius-sm);
     border: 1px solid rgba(255, 255, 255, .15);
     background: rgba(255, 255, 255, .08);
     color: #fff;
     font-family: 'Plus Jakarta Sans', sans-serif;
     font-size: .9rem;
     outline: none;
     transition: border-color .2s, background .2s;
 }

 .newsletter-form input::placeholder {
     color: rgba(255, 255, 255, .4);
 }

 .newsletter-form input:focus {
     border-color: var(--blue-light);
     background: rgba(255, 255, 255, .12);
 }