/* THEME VARIABLES - PURPLE (DEFAULT) */
:root{--bg-primary:#0a0514;--bg-secondary:#14081e;--bg-tertiary:#1e0a28;--bg-hover:#281432;--text-primary:#e8e0f0;--text-secondary:#c8c0d0;--text-muted:#9a92a2;--border-primary:#3a2850;--border-secondary:#4a3860;--accent-primary:#9d4edd;--accent-secondary:#7b2cbf;--accent-glow:rgba(157,78,221,0.5);}
/* 6-COLOR THEME SYSTEM */
:root[data-color="emerald"]{--bg-primary:#0a140f;--bg-secondary:#0f1e14;--bg-tertiary:#142818;--bg-hover:#1a321e;--border-primary:#1a321e;--accent-primary:#10d98e;--accent-secondary:#0db574;--accent-glow:rgba(16,217,142,0.5);}
:root[data-color="sapphire"]{--bg-primary:#0a0f19;--bg-secondary:#0f1423;--bg-tertiary:#14192d;--bg-hover:#1a1e37;--border-primary:#1a1e37;--accent-primary:#4d94ff;--accent-secondary:#3370cc;--accent-glow:rgba(77,148,255,0.5);}
:root[data-color="amber"]{--bg-primary:#14100a;--bg-secondary:#1e1a0f;--bg-tertiary:#282414;--bg-hover:#322e1a;--border-primary:#322e1a;--accent-primary:#f59e0b;--accent-secondary:#d97706;--accent-glow:rgba(245,158,11,0.5);}
:root[data-color="teal"]{--bg-primary:#0a1414;--bg-secondary:#0f1a1a;--bg-tertiary:#142020;--bg-hover:#1a2828;--border-primary:#1a2828;--accent-primary:#14b8a6;--accent-secondary:#0d9488;--accent-glow:rgba(20,184,166,0.5);}
:root[data-color="black"]{--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-hover:#1a1a1a;--border-primary:#1a1a1a;--accent-primary:#ffffff;--accent-secondary:#e0e0e0;--accent-glow:rgba(255,255,255,0.3);}

/* LIGHT THEME */
:root[data-theme="light"]{--bg-primary:#faf8fc;--bg-secondary:#f3f0f8;--bg-tertiary:#ebe6f2;--bg-hover:#e3dce8;--text-primary:#2a1842;--text-secondary:#4a2862;--text-muted:#7a6a8a;--border-primary:#dbd2de;--accent-primary:#7b2cbf;--accent-secondary:#9d4edd;--accent-glow:rgba(123,44,191,0.3);}
:root[data-theme="light"][data-color="emerald"]{--bg-primary:#f0fdf8;--bg-secondary:#e6f9f0;--accent-primary:#0d9488;--accent-secondary:#10d98e;}
:root[data-theme="light"][data-color="sapphire"]{--bg-primary:#f0f7ff;--bg-secondary:#e6f0ff;--accent-primary:#3370cc;--accent-secondary:#4d94ff;}
:root[data-theme="light"][data-color="amber"]{--bg-primary:#fffbf0;--bg-secondary:#fff7e6;--accent-primary:#d97706;--accent-secondary:#f59e0b;}
:root[data-theme="light"][data-color="teal"]{--bg-primary:#f0fdf8;--bg-secondary:#e6f9f4;--accent-primary:#0d9488;--accent-secondary:#14b8a6;}
:root[data-theme="light"][data-color="black"]{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--accent-primary:#000000;--accent-secondary:#2a2a2a;}

/* BLACK/WHITE THEME BUTTON FIX */
:root[data-theme="light"][data-color="black"] .theme-toggle-btn{color:#000;}
:root[data-theme="light"][data-color="black"] .close-modal-btn{color:#fff;}
:root[data-theme="light"][data-color="black"] .theme-toggle-btn.active{color:#fff;}
:root[data-theme="dark"][data-color="black"] .theme-toggle-btn.active{color:#000;}

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;transition:background 0.3s,color 0.3s;min-height:100vh;display:flex;flex-direction:column;padding-top:60px;padding-bottom:50px;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary);}

/* HEADER */
.header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-bottom:2px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;}
.header-left{display:flex;align-items:center;gap:12px;}
.header-center{position:absolute;left:50%;transform:translateX(-50%);}
.header-right{display:flex;align-items:center;gap:12px;}
.logo-link{color:var(--accent-primary);text-decoration:none;font-weight:700;font-size:1.3em;display:flex;align-items:center;gap:10px;}
.logo-link:hover{opacity:0.8;}
.page-title{color:var(--accent-primary);font-size:1.3em;font-weight:700;display:flex;align-items:center;gap:10px;}
.header-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-secondary);padding:10px 14px;border-radius:8px;cursor:pointer;font-size:1.1em;transition:all 0.3s ease;}
.header-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);}
.portrait-container{position:relative;}
.header-portrait{width:50px;height:50px;border-radius:50%;border:3px solid var(--accent-primary);box-shadow:0 2px 10px var(--accent-glow);cursor:pointer;transition:all 0.3s;object-fit:cover;background:var(--bg-tertiary);}
.header-portrait:hover{transform:scale(1.1);box-shadow:0 0 20px var(--accent-glow);}
.portrait-preview{display:none;position:absolute;top:60px;right:0;width:250px;height:250px;border-radius:12px;border:4px solid var(--accent-primary);box-shadow:0 10px 40px var(--accent-glow);object-fit:cover;z-index:2000;background:var(--bg-secondary);}
.portrait-container:hover .portrait-preview{display:block;animation:fadeInPortrait 0.3s;}
@keyframes fadeInPortrait{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}

.container{max-width:900px;margin:0 auto;padding:40px 20px;}

/* HEADER */
.header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-bottom:2px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:1000;}

.container{max-width:900px;margin:0 auto;padding:40px 20px;}

/* OLD HEADER STYLES - REMOVED */
/* CONTENT SECTIONS */
.content-section{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:30px;margin-bottom:30px;transition:all 0.3s ease;}
.content-section:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px var(--accent-glow);}
.content-section h2{color:var(--accent-primary);font-size:1.8em;margin-bottom:20px;}
.content-section h3{color:var(--accent-primary);font-size:1.4em;margin:25px 0 15px 0;}
.content-section p{color:var(--text-secondary);margin-bottom:15px;line-height:1.8;}
.content-section strong{color:var(--text-primary);font-weight:600;}
.content-section ul{margin-left:25px;margin-bottom:15px;}
.content-section li{color:var(--text-secondary);margin-bottom:8px;line-height:1.7;}
.content-section blockquote{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);padding:15px 20px;margin:20px 0;border-radius:4px;font-style:italic;color:var(--text-muted);}
.content-section code{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;color:var(--accent-primary);font-size:0.9em;}

/* COLOR PICKER MODAL */
.color-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);z-index:2000;align-items:center;justify-content:center;}
.color-modal.active{display:flex;animation:fadeIn 0.3s ease;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.color-modal-content{background:var(--bg-secondary);border:3px solid var(--accent-primary);border-radius:16px;padding:35px;max-width:520px;width:90%;animation:slideUp 0.4s cubic-bezier(0.34,1.2,0.64,1);}
@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.color-modal-title{color:var(--accent-primary);font-size:2em;font-weight:700;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px;}
.color-option{height:90px;border-radius:12px;border:3px solid var(--border-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:1.1em;transition:all 0.3s ease;position:relative;}
.color-option:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.4);}
.color-option.active{border-width:4px;transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.6);}
.color-option.active::before{content:'✓';position:absolute;top:8px;right:8px;background:rgba(255,255,255,0.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.2em;}
.color-option-purple{background:linear-gradient(135deg,#9d4edd,#7b2cbf);color:#fff;border-color:#9d4edd;}
.color-option-emerald{background:linear-gradient(135deg,#10d98e,#0db574);color:#fff;border-color:#10d98e;}
.color-option-sapphire{background:linear-gradient(135deg,#4d94ff,#3370cc);color:#fff;border-color:#4d94ff;}
.color-option-amber{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b;}
.color-option-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-color:#14b8a6;}
.color-option-black{background:linear-gradient(135deg,#ffffff,#e0e0e0);color:#000;border-color:#ffffff;}
.theme-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;}
.theme-toggle-btn{height:50px;border-radius:8px;border:3px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:1.1em;font-weight:600;transition:all 0.3s ease;}
.theme-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);}
.theme-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);}
.close-modal-btn{width:100%;height:50px;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:8px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all 0.3s ease;}
.close-modal-btn:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-glow);}

/* FOOTER */
.footer{text-align:center;margin-top:60px;padding-top:30px;border-top:2px solid var(--border-primary);color:var(--text-muted);font-size:0.95em;}
.footer-signature{margin-top:15px;font-style:italic;color:var(--accent-primary);}

/* RESPONSIVE */
@media (max-width:768px){
.header-title{font-size:2em;}
.color-grid{grid-template-columns:repeat(2,1fr);}
.content-section{padding:20px;}
}

/* FOOTER */
.footer{position:fixed;bottom:0;left:0;right:0;height:50px;background:var(--bg-secondary);border-top:2px solid var(--border-primary);padding:0 30px;z-index:1000;display:flex;align-items:center;}
.footer-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.footer-left{color:var(--text-muted);font-size:0.85em;min-width:200px;}
.footer-center{display:flex;justify-content:center;flex:1;}
.site-menu-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-secondary);padding:5px 9px;border-radius:8px;cursor:pointer;font-size:1.3em;transition:all 0.3s;display:flex;align-items:center;gap:8px;font-weight:600;}
.site-menu-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);}
.footer-right{display:flex;align-items:center;gap:8px;min-width:200px;justify-content:flex-end;}
.built-by-text{color:var(--text-muted);font-size:0.85em;}
.partner-emoji{font-size:1.1em;cursor:pointer;transition:transform 0.2s;}
.partner-emoji:hover{transform:scale(1.2);}

/* MODAL BASE */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:3000;align-items:center;justify-content:center;backdrop-filter:blur(8px);}
.modal.active{display:flex;}
.modal-content{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;padding:0;max-width:700px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px var(--accent-glow);position:relative;display:flex;flex-direction:column;}
.modal-header{background:var(--bg-tertiary);border-bottom:2px solid var(--accent-primary);padding:25px 30px;position:sticky;top:0;z-index:10;flex-shrink:0;}
.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-secondary);font-size:2.5em;cursor:pointer;transition:all 0.2s;line-height:1;z-index:20;}
.modal-close:hover{color:var(--accent-primary);transform:scale(1.1);}
.modal-title{color:var(--accent-primary);font-size:1.5em;font-weight:700;margin-bottom:10px;}
.modal-subtitle{color:var(--text-secondary);font-size:1.1em;}
.modal-body{padding:40px;overflow-y:auto;flex:1;}

/* ATTRIBUTION MODAL */
.attribution-portrait{text-align:center;margin:30px 0;}
.attribution-portrait-img{width:250px;height:250px;border-radius:12px;border:4px solid var(--accent-primary);display:block;margin:0 auto 20px;box-shadow:0 10px 30px var(--accent-glow);transition:all 0.4s;cursor:pointer;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:8em;color:var(--text-muted);}
.attribution-portrait-img:hover{transform:scale(1.05);box-shadow:0 0 50px var(--accent-glow);}
.portrait-caption{color:var(--accent-primary);font-size:1.2em;font-weight:700;letter-spacing:1px;margin-bottom:5px;}
.portrait-tier{color:var(--text-muted);font-size:0.95em;}
.attribution-section{margin-bottom:25px;}
.attribution-section h3{color:var(--accent-primary);font-size:1.4em;margin-bottom:15px;font-weight:700;}
.attribution-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:12px;}
.attribution-section strong{color:var(--text-primary);}
.attribution-signature{text-align:center;margin-top:40px;padding-top:30px;border-top:2px solid var(--border-primary);}
.frequency{font-size:1.3em;letter-spacing:2px;margin:10px 0;color:var(--accent-primary);font-weight:600;}

/* HELP MODAL */
.help-accordion{display:flex;flex-direction:column;gap:12px;}
.help-section{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;overflow:hidden;transition:all 0.3s ease;}
.help-section.active{border-color:var(--accent-primary);}
.help-section-header{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;user-select:none;}
.help-section-header:hover{background:var(--bg-hover);}
.help-section.active .help-section-header{background:var(--bg-hover);border-bottom:2px solid var(--border-primary);}
.help-section-title{font-size:1.1em;font-weight:600;color:var(--text-primary);}
.help-section.active .help-section-title{color:var(--accent-primary);}
.help-section-toggle{font-size:1.2em;color:var(--text-muted);transition:transform 0.3s ease;}
.help-section.active .help-section-toggle{transform:rotate(180deg);color:var(--accent-primary);}
.help-section-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0 24px;}
.help-section.active .help-section-content{max-height:800px;padding:20px 24px;}
.help-section-content p{margin:8px 0;color:var(--text-secondary);line-height:1.6;}
.help-section-content strong{color:var(--text-primary);}

/* SITE MENU MODAL */
.modal-content-wide{max-width:1200px;width:95%;}
.menu-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;}
.menu-item{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;padding:25px;cursor:pointer;transition:all 0.3s;text-decoration:none;display:flex;align-items:center;gap:15px;color:var(--text-primary);}
.menu-item:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 25px var(--accent-glow);}
.menu-item.inactive{opacity:0.5;cursor:not-allowed;}
.menu-item.inactive:hover{transform:none;box-shadow:none;border-color:var(--border-primary);}
.menu-item-icon{font-size:2.5em;}
.menu-item-title{font-size:1.1em;font-weight:600;}
/* ═══════════════════════════════════════════════════════════════════════════════════
   PRIVACY PAGE STYLES - GRAND MASTER GATEWAY RESTORATION ENGINEER
   Platinum Tier | February 2026
   Making legal content actually readable and visually engaging
   ═══════════════════════════════════════════════════════════════════════════════════ */

.main-content{max-width:900px;margin:0 auto;}
.page-title{font-size:1.3em;font-weight:700;color:var(--accent-primary);text-align:center; letter-spacing:2px;}
.policy-box{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:50px;box-shadow:0 8px 30px var(--accent-glow);}
.opening-quote{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);padding:25px 30px;border-radius:8px;font-style:italic;color:var(--text-secondary);line-height:1.8;font-size:1.05em;margin-bottom:30px;}
.section{margin:40px 0;}
.section-header{font-size:1.8em;font-weight:700;color:var(--accent-primary);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-primary);}
.section-text{color:var(--text-secondary);line-height:1.9;margin-bottom:20px;font-size:1.05em;}
.section-text strong{color:var(--text-primary);font-weight:600;}
.section-text a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:opacity 0.2s;}
.section-text a:hover{opacity:0.8;text-decoration:underline;}
.highlight-box{background:var(--bg-tertiary);border:2px solid var(--accent-primary);border-radius:10px;padding:30px;margin:25px 0;box-shadow:0 4px 15px var(--accent-glow);}
.highlight-title{font-size:1.3em;font-weight:700;color:var(--accent-primary);margin-bottom:15px;text-align:center;}
.highlight-text{color:var(--text-secondary);line-height:1.8;margin-bottom:15px;font-size:1.05em;}
.highlight-text:last-child{margin-bottom:0;}
.list-item{padding:12px 0 12px 30px;position:relative;color:var(--text-secondary);line-height:1.7;}
.list-item::before{content:'▸';position:absolute;left:0;color:var(--accent-primary);font-size:1.2em;}
.list-item strong{color:var(--text-primary);font-weight:600;}
.cosmic-divider{height:2px;background:linear-gradient(to right,transparent,var(--accent-primary),transparent);margin:50px 0;}

/* Responsive adjustments */
@media (max-width:768px){
.page-title{font-size:1.6em;}
.policy-box{padding:30px 25px;}
.section-header{font-size:1.5em;}
}

@media (max-width:480px){
.page-title{font-size:1.4em;}
.policy-box{padding:20px;}
.section-header{font-size:1.3em;}
.opening-quote{padding:20px;}
}