/* Base: sans-serif for readability — pixel font only on .itech-pixel */ .itech-legal-page { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif; color: #fff; background: #0a0a0a; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .itech-legal-page .itech-pixel { font-family: 'BoldsPixels', -apple-system, sans-serif !important; } /* Hero */ .itech-legal-page .itech-hero { background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%); padding: 80px 20px 70px; text-align: center; position: relative; overflow: hidden; border-bottom: 1px solid #1f1f1f; } .itech-legal-page .itech-hero::before { content: ''; position: absolute; top: -50%; right: -20%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(220,38,38,0.18) 0%, transparent 70%); pointer-events: none; } .itech-legal-page .itech-hero-inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .itech-legal-page .itech-badge { display: inline-block; background: rgba(220,38,38,0.15); color: #fca5a5; padding: 6px 16px; border-radius: 30px; font-size: 11px; letter-spacing: 2px; margin-bottom: 22px; border: 1px solid rgba(220,38,38,0.3); font-weight: 600; } .itech-legal-page .itech-hero h1 { font-size: 52px; margin: 0 0 14px; letter-spacing: 2px; color: #fff; line-height: 1.1; } .itech-legal-page .itech-hero p { font-size: 14px; opacity: 0.6; margin: 0; letter-spacing: 2px; text-transform: uppercase; color: #e4e4e7; } /* Container */ .itech-legal-page .itech-container { max-width: 950px; margin: 0 auto; padding: 70px 24px; } .itech-legal-page .itech-eyebrow { display: inline-block; font-size: 11px; color: #dc2626; letter-spacing: 3px; margin-bottom: 10px; } /* Legal sections */ .itech-legal-page .itech-legal-section { display: grid; grid-template-columns: 80px 1fr; gap: 30px; padding: 36px 0; border-bottom: 1px solid #1f1f1f; } .itech-legal-page .itech-legal-section:last-of-type { border-bottom: 0; } .itech-legal-page .itech-section-number { font-size: 28px; color: #dc2626; letter-spacing: 2px; line-height: 1; padding-top: 4px; } .itech-legal-page .itech-section-body h2 { font-size: 22px; margin: 0 0 16px; letter-spacing: 1px; color: #fff; } .itech-legal-page .itech-section-body p { font-size: 15px; line-height: 1.8; color: #a1a1aa; margin: 0 0 14px; font-weight: 400; } .itech-legal-page .itech-section-body p:last-child { margin-bottom: 0; } .itech-legal-page .itech-section-body a { color: #fca5a5; text-decoration: underline; transition: color .2s; } .itech-legal-page .itech-section-body a:hover { color: #dc2626; } .itech-legal-page .itech-section-body strong { color: #fff; font-weight: 600; } /* Contact box */ .itech-legal-page .itech-contact-box { margin-top: 50px; padding: 44px; background: linear-gradient(135deg, #141414 0%, #0f0f0f 100%); border: 1px solid #1f1f1f; border-radius: 20px; position: relative; overflow: hidden; } .itech-legal-page .itech-contact-box::before { content: ''; position: absolute; top: -60%; right: -20%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(220,38,38,0.12) 0%, transparent 70%); pointer-events: none; } .itech-legal-page .itech-contact-header { position: relative; z-index: 1; margin-bottom: 30px; text-align: center; } .itech-legal-page .itech-contact-header h3 { font-size: 26px; margin: 0; letter-spacing: 1px; color: #fff; } .itech-legal-page .itech-contact-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .itech-legal-page .itech-contact-item { display: flex; align-items: center; gap: 14px; padding: 18px; background: #0a0a0a; border: 1px solid #1f1f1f; border-radius: 12px; text-decoration: none; transition: all .3s ease; } .itech-legal-page .itech-contact-item:hover { border-color: #dc2626; background: #1a0a0a; } .itech-legal-page .itech-contact-icon { flex-shrink: 0; width: 42px; height: 42px; background: rgba(220,38,38,0.15); color: #dc2626; border-radius: 10px; display: grid; place-items: center; } .itech-legal-page .itech-contact-icon svg { width: 20px; height: 20px; } .itech-legal-page .itech-contact-item strong { display: block; font-size: 11px; color: #71717a; letter-spacing: 2px; margin-bottom: 4px; font-weight: 600; } .itech-legal-page .itech-contact-item span { font-size: 14px; color: #fff; } @media (max-width: 768px) { .itech-legal-page .itech-hero { padding: 50px 20px; } .itech-legal-page .itech-hero h1 { font-size: 32px; letter-spacing: 2px; } .itech-legal-page .itech-container { padding: 40px 18px; } .itech-legal-page .itech-legal-section { grid-template-columns: 1fr; gap: 10px; padding: 26px 0; } .itech-legal-page .itech-section-number { font-size: 20px; color: #71717a; } .itech-legal-page .itech-section-body h2 { font-size: 18px; } .itech-legal-page .itech-section-body p { font-size: 14px; } .itech-legal-page .itech-contact-box { padding: 28px 22px; margin-top: 30px; } .itech-legal-page .itech-contact-header h3 { font-size: 20px; } .itech-legal-page .itech-contact-grid { grid-template-columns: 1fr; } }