.subpage{--bg:#0a0a0f;--paper:#12121a;--border:#ffffff12;--primary:#6c63ff;--secondary:#00d2aa;--text:#f0f0f5;--muted:#8a8a9e;background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}@keyframes subFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes subGlow{0%,to{opacity:.4}50%{opacity:.7}}.sub-fade-in{opacity:0;animation:.7s ease-out forwards subFadeIn}.subpage-hero{text-align:center;padding:64px 24px 48px;position:relative;overflow:hidden}.subpage-hero:before{content:"";pointer-events:none;background:radial-gradient(#6c63ff26 0%,#0000 70%);width:600px;height:400px;animation:4s ease-in-out infinite subGlow;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.subpage-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.subpage-back:hover{color:var(--primary)}.subpage-badge{letter-spacing:.1em;color:var(--primary);background:#6c63ff14;border:1px solid #6c63ff4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-family:Bebas Neue,sans-serif;font-size:12px;display:inline-flex}.subpage-badge-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite subGlow}.subpage-title{letter-spacing:.08em;color:var(--text);margin:0 0 12px;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,5vw,42px);line-height:1.1}.subpage-title span{color:var(--primary)}.subpage-subtitle{color:var(--muted);max-width:560px;margin:0 auto;font-size:15px;line-height:1.8}.subpage-date{color:var(--muted);opacity:.7;margin-top:12px;font-size:12px}.subpage-content{max-width:740px;margin:0 auto;padding:0 24px 64px}.subpage-h2{letter-spacing:.08em;color:var(--secondary);align-items:center;gap:12px;margin:48px 0 16px;font-family:Bebas Neue,sans-serif;font-size:20px;display:flex}.subpage-h2:before{content:"";background:var(--secondary);border-radius:2px;flex-shrink:0;width:3px;height:20px}.subpage-p{color:var(--text);opacity:.78;margin:0 0 20px;font-size:14.5px;line-height:1.85}.subpage-p strong{color:var(--text);opacity:1}.subpage-p a{color:var(--primary);text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.subpage-p a:hover{opacity:.8}.subpage-card{border:1px solid var(--border);background:var(--paper);border-radius:16px;margin-bottom:16px;padding:28px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.subpage-card:hover{border-color:#6c63ff33;transform:translateY(-2px)}.subpage-card:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#6c63ff4d,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.subpage-card:hover:after{opacity:1}.subpage-card-icon{background:#6c63ff1a;border:1px solid #6c63ff26;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:20px;display:flex}.subpage-card h3{letter-spacing:.06em;color:var(--text);margin:0 0 10px;font-family:Bebas Neue,sans-serif;font-size:15px}.subpage-card p{opacity:.72;margin:0;font-size:14px;line-height:1.8}.subpage-card .card-provider{opacity:.5;margin-top:10px;font-size:12px}.subpage-numbered{border:1px solid var(--border);background:var(--paper);border-radius:14px;margin-bottom:16px;padding:24px 28px;transition:border-color .3s;position:relative}.subpage-numbered:hover{border-color:#ffffff1f}.subpage-numbered-num{letter-spacing:.12em;color:var(--primary);opacity:.6;margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:11px}.subpage-numbered h3{letter-spacing:.06em;color:var(--text);margin:0 0 10px;font-family:Bebas Neue,sans-serif;font-size:16px}.subpage-numbered p{opacity:.72;margin:0;font-size:14px;line-height:1.85}.subpage-list{margin:0 0 24px;padding:0;list-style:none}.subpage-list li{opacity:.78;border-bottom:1px solid var(--border);padding:12px 0 12px 24px;font-size:14px;line-height:1.8;position:relative}.subpage-list li:last-child{border-bottom:none}.subpage-list li:before{content:"";background:var(--secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:20px;left:0}.subpage-list li strong{color:var(--text);opacity:1}.subpage-email-card{text-align:center;background:linear-gradient(135deg, #6c63ff0f 0%, var(--paper) 100%);border:1px solid #6c63ff33;border-radius:16px;margin-bottom:24px;padding:40px 28px;position:relative;overflow:hidden}.subpage-email-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#6c63ff1f 0%,#0000 60%);border-radius:16px;position:absolute;inset:0}.subpage-email-card a{color:var(--primary);letter-spacing:.06em;background:#6c63ff14;border:1px solid #6c63ff40;border-radius:12px;padding:12px 32px;font-family:Bebas Neue,sans-serif;font-size:20px;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.subpage-email-card a:hover{background:#6c63ff29;transform:translateY(-1px)}.subpage-email-card .email-note{opacity:.5;margin-top:14px;font-size:13px}.subpage-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.subpage-footer{border-top:1px solid var(--border);text-align:center;max-width:740px;margin:0 auto;padding:24px 24px 0}.subpage-footer p{letter-spacing:.08em;color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:13px}.subpage-footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.subpage-footer-links a{letter-spacing:.08em;color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:12px;text-decoration:none;transition:color .2s}.subpage-footer-links a:hover{color:var(--primary)}@media (max-width:640px){.subpage-hero{padding:48px 20px 32px}.subpage-content{padding:0 20px 48px}.subpage-card,.subpage-numbered{padding:20px}.subpage-email-card{padding:32px 20px}.subpage-grid{grid-template-columns:1fr}}
