:root{--humanity-primary: #00ff9d;--humanity-secondary: #ffaa00;--humanity-tertiary: #00d4ff;--humanity-bg-gradient: linear-gradient(135deg, rgba(0, 20, 10, .95), rgba(10, 10, 20, .98));--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(0, 255, 157, .2);--text-muted: #a0a0a0}body{background-color:#050505;background-image:radial-gradient(circle at 10% 20%,rgba(0,255,157,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,170,0,.05) 0%,transparent 40%);overflow-x:hidden}.humanity-hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:120px 20px 60px}.humanity-title{font-size:4rem;line-height:1.1;margin-bottom:2rem;background:linear-gradient(to right,#fff,var(--humanity-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,255,157,.3)}.humanity-subtitle{font-size:1.5rem;color:var(--text-muted);max-width:800px;margin:0 auto;line-height:1.6}.pillars-section{padding:80px 20px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1400px;margin:0 auto}.pillar-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:40px;position:relative;overflow:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pillar-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00ff9d1a;border-color:var(--humanity-primary)}.pillar-icon{font-size:3rem;margin-bottom:25px;display:inline-block;padding:15px;background:#ffffff0d;border-radius:16px}.pillar-title{font-size:2rem;margin-bottom:20px;color:#fff}.pillar-description{color:var(--text-muted);line-height:1.7;margin-bottom:30px}.topics-list{list-style:none;padding:0}.topics-list li{margin-bottom:15px;display:flex;align-items:center;color:#ddd}.topics-list li:before{content:"➜";color:var(--humanity-primary);margin-right:12px;font-size:.9rem}.kb-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-right:10px;margin-bottom:10px}.badge-mind{background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.badge-eco{background:#00ff9d33;color:#00ff9d;border:1px solid rgba(0,255,157,.3)}.badge-sec{background:#fa03;color:#fa0;border:1px solid rgba(255,170,0,.3)}@media(max-width:768px){.humanity-title{font-size:2.5rem}.pillars-grid{grid-template-columns:1fr}}.pulse-section{padding:60px 20px;background:linear-gradient(to bottom,transparent,rgba(0,255,157,.05))}.pulse-container{background:#0006;border:1px solid var(--humanity-primary);border-radius:20px;padding:30px;max-width:800px;margin:0 auto;text-align:center;box-shadow:0 0 30px #00ff9d1a}.pulse-visualizer{width:100%;height:150px;background:#00140a80;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.pulse-controls label{display:block;margin-bottom:15px;color:var(--text-muted);font-size:.9rem}.pulse-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:20px}.pulse-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--humanity-primary);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--humanity-primary);transition:transform .2s}.pulse-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.pulse-btn{background:transparent;border:1px solid var(--humanity-primary);color:var(--humanity-primary);padding:10px 30px;font-family:JetBrains Mono,monospace;font-weight:700;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.pulse-btn:hover{background:var(--humanity-primary);color:#000;box-shadow:0 0 20px #00ff9d66}.detox-section{padding:60px 20px}.detox-widget{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;text-align:center;max-width:500px;margin:0 auto}.detox-display{font-family:JetBrains Mono,monospace;font-size:4rem;color:#fff;margin:20px 0;text-shadow:0 0 20px rgba(255,255,255,.2)}.zen-mode-active .detox-display{color:var(--humanity-secondary);text-shadow:0 0 30px var(--humanity-secondary)}.quiz-section{padding:60px 20px}.quiz-card-stack{max-width:400px;height:500px;margin:0 auto;position:relative;perspective:1000px}.quiz-card{position:absolute;width:100%;height:100%;background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,opacity .3s;box-shadow:0 10px 30px #00000080}.quiz-card.swiped-left{transform:translate(-500px) rotate(-30deg);opacity:0}.quiz-card.swiped-right{transform:translate(500px) rotate(30deg);opacity:0}.checkin-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.checkin-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--humanity-primary);border-radius:24px;padding:40px;max-width:400px;text-align:center;position:relative;box-shadow:0 0 60px #00ff9d33}.checkin-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer}.checkin-icon{font-size:4rem;margin-bottom:20px}.checkin-modal-content h3{color:#fff;margin-bottom:15px}.checkin-modal-content p{color:var(--text-muted);margin-bottom:25px}.checkin-actions{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.checkin-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.checkin-btn.primary{background:var(--humanity-primary);border:none;color:#000}.checkin-btn.primary:hover{box-shadow:0 0 20px var(--humanity-primary)}.checkin-btn.secondary{background:transparent;border:1px solid #666;color:#888}.checkin-remember{display:flex;align-items:center;justify-content:center;gap:8px;color:#666;font-size:.85rem}.progress-tracker-section{padding:100px 20px 20px}.progress-tracker{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;max-width:800px;margin:0 auto}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-header h4{color:#fff;font-size:1rem}#progressPercentage{color:var(--humanity-primary);font-weight:700;font-size:1.2rem}.progress-bar-global{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:20px}.progress-fill-global{height:100%;background:linear-gradient(90deg,var(--humanity-primary),var(--humanity-tertiary));border-radius:4px;transition:width .5s ease}.badges-earned{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.badge-item{display:flex;flex-direction:column;align-items:center;padding:10px 15px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s}.badge-item.unlocked{border-color:var(--humanity-primary);box-shadow:0 0 15px #00ff9d33}.badge-item.locked{opacity:.4;filter:grayscale(1)}.badge-icon{font-size:1.5rem;margin-bottom:5px}.badge-name{font-size:.75rem;color:#aaa}.games-section{padding:60px 20px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1400px;margin:0 auto}.game-widget{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;text-align:center}.game-widget h3{color:#fff;margin-bottom:10px}.quiz-start-screen{padding:20px}.difficulty-selector{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.diff-btn{display:flex;flex-direction:column;align-items:center;padding:15px 25px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s;color:#fff}.diff-btn:hover,.diff-btn.active{border-color:var(--humanity-primary);box-shadow:0 0 15px #00ff9d33}.diff-icon{font-size:1.5rem;margin-bottom:8px}.diff-label{font-weight:600}.diff-desc{font-size:.75rem;color:#888}.quiz-leaderboard{text-align:left}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:15px;padding:10px;background:#ffffff08;border-radius:8px}.leaderboard-item .rank{font-size:1.2rem}.leaderboard-item .score{font-weight:600;color:var(--humanity-primary)}.leaderboard-item .time{color:#888}.quiz-card-container{padding:10px}.quiz-progress{display:flex;align-items:center;gap:15px;margin-bottom:20px}.progress-bar-mini{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill-mini{height:100%;background:var(--humanity-primary);transition:width .3s}.progress-text{color:#888;font-size:.85rem}.score-display{color:var(--humanity-primary);font-weight:600}.quiz-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:25px;position:relative}.card-difficulty{position:absolute;top:15px;right:15px}.scenario-text{font-size:1.1rem;color:#fff;margin:20px 0;line-height:1.5}.vote-buttons{display:flex;gap:15px}.vote-btn{flex:1;padding:15px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s;font-weight:600}.vote-btn.safe-btn{background:transparent;border:2px solid #00ff9d;color:#00ff9d}.vote-btn.scam-btn{background:transparent;border:2px solid #ff4444;color:#f44}.vote-btn:hover{transform:scale(1.05)}.vote-btn.safe-btn:hover{background:#00ff9d1a;box-shadow:0 0 20px #00ff9d4d}.vote-btn.scam-btn:hover{background:#ff44441a;box-shadow:0 0 20px #ff44444d}.vote-icon{font-size:1.5rem}.explanation-view{text-align:center;padding:20px}.explanation-view .result-icon{font-size:3rem;margin-bottom:15px}.explanation-view.correct .result-icon{color:#00ff9d}.explanation-view.incorrect .result-icon{color:#f44}.answer-reveal{margin:20px 0}.answer-label{color:#888;display:block;margin-bottom:10px}.answer-value{font-size:1.2rem;font-weight:700;padding:8px 16px;border-radius:8px}.answer-value.scam{background:#f443;color:#f44}.answer-value.safe{background:#00ff9d33;color:#00ff9d}.explanation-box{background:#ffffff0d;border-radius:12px;padding:20px;margin:20px 0;text-align:left}.explanation-box h4{margin-bottom:10px;color:var(--humanity-secondary)}.explanation-box p{color:#ccc;line-height:1.6}.next-btn{margin-top:20px}.quiz-results,.fn-results{text-align:center;padding:20px}.result-header{margin-bottom:30px}.result-emoji{font-size:4rem}.result-score{margin-bottom:30px}.big-percentage{font-size:5rem;font-weight:800}.big-percentage.good{color:var(--humanity-primary)}.big-percentage.bad{color:#f44}.result-message{color:#ccc;margin-top:10px}.result-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;display:block}.stat-label{font-size:.8rem;color:#888}.result-actions{display:flex;gap:15px;justify-content:center}.retry-btn{padding:15px 30px}.pulse-header{display:flex;justify-content:space-between;align-items:center}.streak-badge{background:#ff640033;color:#f60;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.energy-indicator{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.pulse-history-section{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.pulse-history-chart{min-height:150px}.history-bars{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.history-bar-col{flex:1;display:flex;flex-direction:column;align-items:center}.history-bar-col.today{opacity:1}.bar-container{width:100%;height:80px;background:#ffffff0d;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease}.bar-label{font-size:.7rem;color:#888;margin-top:5px}.bar-value{font-size:.7rem;color:#aaa;font-weight:600}.history-summary{text-align:left}.summary-text{color:#ccc}.suggestion-box{display:flex;align-items:flex-start;gap:10px;background:#00ff9d1a;border-left:3px solid var(--humanity-primary);padding:15px;border-radius:0 8px 8px 0;margin-top:15px}.suggestion-icon{font-size:1.2rem}.suggestion-text{color:#ccc;line-height:1.5}.pulse-toast{position:fixed;bottom:30px;right:30px;background:#1a1a2e;border:1px solid var(--humanity-primary);border-radius:12px;padding:20px;max-width:300px;z-index:9999;opacity:0;transform:translateY(20px);transition:all .3s ease;box-shadow:0 0 30px #00ff9d33}.pulse-toast.show{opacity:1;transform:translateY(0)}.toast-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--humanity-primary);font-weight:600}.toast-emoji{font-size:1.5rem}.toast-message{color:#ccc;line-height:1.5}.fakenews-container{min-height:400px}.fn-start-screen,.fn-game,.fn-explanation,.fn-results{padding:10px}.fn-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.fn-icon{font-size:2.5rem}.fn-description{color:var(--text-muted);margin-bottom:20px}.fn-stats{display:flex;justify-content:center;gap:20px;color:#888;font-size:.9rem;margin-bottom:25px}.fn-tips{margin-top:30px;text-align:left;background:#ffffff08;padding:20px;border-radius:12px}.fn-tips h4{margin-bottom:15px;color:var(--humanity-secondary)}.fn-tips ul{list-style:none;padding:0}.fn-tips li{color:#aaa;padding:8px 0 8px 25px;position:relative}.fn-tips li:before{content:"•";position:absolute;left:10px;color:var(--humanity-secondary)}.fn-headline-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;padding:30px;margin:20px 0}.headline-icon{font-size:2rem;margin-bottom:15px}.headline-text{font-size:1.1rem;color:#fff;line-height:1.5;font-style:italic}.fn-buttons{display:flex;gap:15px}.fn-btn{flex:1;padding:15px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s;font-weight:600}.fn-btn.real-btn{background:transparent;border:2px solid #00ff9d;color:#00ff9d}.fn-btn.fake-btn{background:transparent;border:2px solid #ff4444;color:#f44}.fn-btn:hover{transform:scale(1.05)}.fn-explanation{text-align:center}.fn-explanation .result-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-weight:700;margin-bottom:20px}.fn-explanation .result-badge.correct{background:#00ff9d33;color:#00ff9d}.fn-explanation .result-badge.incorrect{background:#f443;color:#f44}.headline-reveal{margin:20px 0}.truth-label{color:#888;display:block;margin-bottom:10px}.truth-value{font-size:1.3rem;font-weight:700}.truth-value.fake{color:#f44}.truth-value.real{color:#00ff9d}.source-box{background:#ffffff0d;border-radius:8px;padding:15px;margin:15px 0;text-align:left}.source-box strong{color:var(--humanity-tertiary)}.source-box p{color:#aaa;margin-top:5px}.fn-tips-result{margin:30px 0;text-align:left}.fn-tips-result h4{margin-bottom:15px;color:var(--humanity-secondary)}.fn-tips-result ul{list-style:none;padding:0}.fn-tips-result li{margin:10px 0}.fn-tips-result a{color:var(--humanity-tertiary);text-decoration:none}.fn-tips-result a:hover{text-decoration:underline}.tools-hub-section{padding:40px 20px 80px}.tools-hub-title{text-align:center;font-size:2rem;font-weight:800;margin-bottom:10px;background:linear-gradient(to right,#fff,var(--humanity-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tools-hub-subtitle{text-align:center;color:var(--text-muted);margin-bottom:50px;font-size:1.05rem}.tools-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.tool-card{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;animation:toolCardIn .6s ease both}.tool-card:nth-child(1){animation-delay:.1s}.tool-card:nth-child(2){animation-delay:.2s}.tool-card:nth-child(3){animation-delay:.3s}.tool-card:nth-child(4){animation-delay:.4s}@keyframes toolCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tool-card__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity .5s ease;pointer-events:none}.tool-card:hover .tool-card__glow{opacity:1}.tool-card--pulse .tool-card__glow{background:radial-gradient(circle at center,rgba(0,212,255,.08) 0%,transparent 60%)}.tool-card--fakenews .tool-card__glow{background:radial-gradient(circle at center,rgba(255,170,0,.08) 0%,transparent 60%)}.tool-card--firewall .tool-card__glow{background:radial-gradient(circle at center,rgba(255,68,68,.08) 0%,transparent 60%)}.tool-card--detox .tool-card__glow{background:radial-gradient(circle at center,rgba(0,255,157,.08) 0%,transparent 60%)}.tool-card:hover{transform:translateY(-6px);border-color:#ffffff26;box-shadow:0 20px 60px #0000004d}.tool-card--pulse:hover{border-color:#00d4ff4d;box-shadow:0 20px 60px #00d4ff1a}.tool-card--fakenews:hover{border-color:#ffaa004d;box-shadow:0 20px 60px #ffaa001a}.tool-card--firewall:hover{border-color:#ff44444d;box-shadow:0 20px 60px #ff44441a}.tool-card--detox:hover{border-color:#00ff9d4d;box-shadow:0 20px 60px #00ff9d1a}.tool-card__icon{font-size:2.8rem;margin-bottom:16px;position:relative;z-index:1}.tool-card__content{position:relative;z-index:1;flex:1}.tool-card__title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px}.tool-card__description{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:16px}.tool-card__tags{position:relative;z-index:1;margin-bottom:12px}.tool-card__arrow{position:absolute;bottom:24px;right:28px;font-size:1.5rem;color:#fff3;transition:all .3s ease;z-index:1}.tool-card:hover .tool-card__arrow{color:var(--humanity-primary);transform:translate(6px)}.tool-page-header{padding:100px 20px 0}.back-to-hub{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);text-decoration:none;font-size:.95rem;padding:10px 18px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.back-to-hub:hover{color:#fff;border-color:var(--humanity-primary);box-shadow:0 0 20px #00ff9d26}.back-arrow{font-size:1.2rem;transition:transform .3s ease}.back-to-hub:hover .back-arrow{transform:translate(-4px)}.tool-page-hero{padding:40px 20px 20px}.tool-page-icon{font-size:4rem;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.games-grid,.tools-hub-grid{grid-template-columns:1fr}.difficulty-selector{flex-direction:column}.history-bars{gap:5px}.checkin-modal-content{margin:20px}.tool-card{padding:24px}.tool-card__icon{font-size:2.2rem}.tools-hub-title{font-size:1.5rem}}