/* Security Awareness Page */
.awareness-page{--aw-bg:#030914;--aw-panel:rgba(7,20,37,.9);--aw-blue:#00bfff;--aw-cyan:#58e7ff;--aw-green:#45ffb0;--aw-purple:#8d7dff;--aw-yellow:#ffc857;--aw-orange:#ff9f43;--aw-red:#ff647c;--aw-text:#f5fbff;--aw-muted:#a9bfd0;--aw-border:rgba(74,219,255,.22);--aw-shadow:0 0 30px rgba(0,191,255,.13);position:relative;overflow:hidden;color:var(--aw-text);background:radial-gradient(circle at 10% 8%,rgba(0,191,255,.12),transparent 28%),radial-gradient(circle at 90% 18%,rgba(69,255,176,.08),transparent 26%),radial-gradient(circle at 50% 72%,rgba(141,125,255,.07),transparent 30%),linear-gradient(180deg,#020711 0%,#06101d 52%,#020811 100%);isolation:isolate}
.awareness-page:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(0,191,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),transparent 98%);animation:awarenessGridMove 18s linear infinite}
.awareness-page:after{content:"";position:fixed;inset:-45%;z-index:-3;pointer-events:none;background:repeating-linear-gradient(122deg,transparent 0,transparent 86px,rgba(0,191,255,.025) 87px,transparent 88px);animation:awarenessBackgroundSweep 26s linear infinite}
.awareness-page *,.awareness-page *:before,.awareness-page *:after{box-sizing:border-box}.awareness-page a{text-decoration:none}
.section-container,.awareness-hero,.why-awareness-matters,.phishing-section,.account-security-section,.device-safety-section,.reporting-section,.awareness-cta{position:relative;z-index:1}.section-container{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0}
.section-heading{max-width:820px;margin:0 auto 48px;text-align:center}.section-label,.hero-eyebrow{display:inline-block;margin:0 0 11px;color:var(--aw-green);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-heading h2,.matters-content h2,.account-security-content h2,.reporting-content h2,.awareness-cta-content h2{margin:0 0 18px;font-size:clamp(2.1rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#7fe8ff 56%,#64ffc1);-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading>p:last-child,.matters-content>p,.account-security-content>p,.reporting-content>p,.awareness-cta-content>p{color:var(--aw-muted);font-size:1.03rem;line-height:1.8}
.awareness-hero{min-height:790px;padding:112px max(28px,calc((100vw - 1180px)/2)) 86px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:64px;overflow:hidden}.awareness-hero:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--aw-blue),var(--aw-green),transparent);box-shadow:0 0 26px rgba(0,191,255,.72)}.awareness-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(69,255,176,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.07) 1px,transparent 1px);background-size:54px 54px;transform:perspective(680px) rotateX(65deg) scale(1.55) translateY(27%);transform-origin:bottom;opacity:.72;animation:awarenessHeroGrid 12s linear infinite}
.hero-background-elements{position:absolute;inset:0;pointer-events:none}.floating-symbol{position:absolute;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(74,219,255,.24);border-radius:15px;color:var(--aw-cyan);background:rgba(5,20,34,.74);box-shadow:0 0 22px rgba(0,191,255,.12);font-size:1.4rem;font-weight:900;animation:awarenessSymbolFloat 5s ease-in-out infinite}.symbol-one{top:14%;left:5%}.symbol-two{top:28%;right:6%;animation-delay:-1.2s}.symbol-three{left:8%;bottom:16%;animation-delay:-2.4s}.symbol-four{right:10%;bottom:11%;animation-delay:-3.6s}
.awareness-hero-content{position:relative;z-index:2;max-width:720px;animation:awarenessFadeUp .9s ease both}.hero-status{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:10px 16px;border:1px solid rgba(69,255,176,.34);border-radius:999px;color:#d5ffeb;background:rgba(7,44,31,.7);box-shadow:inset 0 0 18px rgba(69,255,176,.05),0 0 20px rgba(69,255,176,.12);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--aw-green);box-shadow:0 0 0 0 rgba(69,255,176,.75);animation:awarenessStatusPulse 1.7s ease-out infinite}.awareness-hero h1{margin:0;font-size:clamp(3.4rem,7.6vw,6.8rem);line-height:.94;letter-spacing:-.065em;text-transform:uppercase}.awareness-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(104,229,255,.88);text-shadow:0 0 14px rgba(0,191,255,.26),0 0 44px rgba(0,191,255,.16)}.hero-description{max-width:700px;margin:28px 0 0;color:#b5c9d7;font-size:clamp(1rem,1.8vw,1.17rem);line-height:1.82}
.hero-buttons,.cta-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px}.primary-btn,.secondary-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:8px;font-weight:800;letter-spacing:.025em;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,color .25s ease}.primary-btn{color:#00131b;background:linear-gradient(135deg,var(--aw-cyan),var(--aw-green));box-shadow:0 0 24px rgba(0,191,255,.25)}.primary-btn:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.55),transparent 70%);transition:transform .55s ease}.primary-btn:hover:before{transform:translateX(120%)}.secondary-btn{color:#d2f7ff;border:1px solid rgba(73,218,255,.45);background:rgba(2,14,27,.68)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.primary-btn:hover{box-shadow:0 0 34px rgba(0,191,255,.38)}.secondary-btn:hover{color:#fff;border-color:var(--aw-green);box-shadow:0 0 24px rgba(69,255,176,.14)}
.awareness-score-card{width:min(470px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:34px;padding:17px;border:1px solid rgba(74,219,255,.18);border-radius:12px;background:rgba(4,15,28,.62);box-shadow:0 0 26px rgba(0,191,255,.08)}.score-icon{font-size:1.8rem}.score-content span,.score-content strong{display:block}.score-content span{color:var(--aw-muted);font-size:.7rem;text-transform:uppercase}.score-content strong{margin-top:4px;color:var(--aw-green)}.score-bars{display:flex;gap:4px;align-items:end}.score-bars span{width:7px;border-radius:999px;background:linear-gradient(var(--aw-cyan),var(--aw-green));box-shadow:0 0 8px rgba(69,255,176,.2);animation:awarenessScoreBars 1.6s ease-in-out infinite}.score-bars span:nth-child(1){height:14px}.score-bars span:nth-child(2){height:21px;animation-delay:-.2s}.score-bars span:nth-child(3){height:29px;animation-delay:-.4s}.score-bars span:nth-child(4){height:37px;animation-delay:-.6s}.score-bars span:nth-child(5){height:45px;animation-delay:-.8s}
.awareness-hero-visual{position:relative;z-index:2;min-height:520px;display:grid;place-items:center;animation:awarenessFadeIn 1.15s ease both .15s}.human-firewall{position:relative;width:min(470px,92vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,191,255,.08),rgba(2,11,21,.92) 68%);box-shadow:0 0 42px rgba(0,191,255,.16),inset 0 0 42px rgba(69,255,176,.05);animation:awarenessFirewallFloat 4.6s ease-in-out infinite}.human-firewall:before,.human-firewall:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}.human-firewall:before{border:1px dashed rgba(0,191,255,.28);animation:awarenessSpin 22s linear infinite}.human-firewall:after{inset:12%;border:1px solid rgba(69,255,176,.22);animation:awarenessSpinReverse 16s linear infinite}.firewall-ring{position:absolute;border-radius:50%;border:1px solid rgba(74,219,255,.2)}.ring-one{inset:8%;border-style:dashed;animation:awarenessSpin 20s linear infinite}.ring-two{inset:25%;animation:awarenessSpinReverse 14s linear infinite}.ring-three{inset:40%;border-style:dotted;animation:awarenessSpin 9s linear infinite}
.person-icon{position:absolute;left:50%;top:50%;z-index:4;width:130px;height:150px;transform:translate(-50%,-55%)}.person-head{width:58px;height:58px;margin:0 auto;border:2px solid rgba(88,231,255,.8);border-radius:50%;background:rgba(0,191,255,.08);box-shadow:0 0 22px rgba(0,191,255,.16)}.person-body{width:118px;height:72px;margin:12px auto 0;border:2px solid rgba(88,231,255,.8);border-radius:65px 65px 20px 20px;background:rgba(0,191,255,.08);box-shadow:0 0 22px rgba(0,191,255,.12)}.shield-center{position:absolute;left:50%;top:58%;z-index:6;width:70px;height:82px;transform:translate(-50%,-50%);display:grid;place-items:center;clip-path:polygon(50% 0,92% 18%,85% 76%,50% 100%,15% 76%,8% 18%);color:#00170f;background:linear-gradient(145deg,var(--aw-green),var(--aw-cyan));box-shadow:0 0 26px rgba(69,255,176,.34);font-size:1.6rem;font-weight:900;animation:awarenessShieldPulse 2.8s ease-in-out infinite}.threat-alert{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,100,124,.3);border-radius:999px;color:#ffd9df;background:rgba(45,8,18,.88);box-shadow:0 0 18px rgba(255,100,124,.1);font-size:.66rem;font-weight:900;letter-spacing:.04em;animation:awarenessAlertFloat 4s ease-in-out infinite}.threat-alert span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#130006;background:var(--aw-red);font-size:.7rem}.alert-one{left:-7%;top:17%}.alert-two{right:-9%;top:43%;animation-delay:-1.3s}.alert-three{left:5%;bottom:8%;color:#d8ffea;border-color:rgba(69,255,176,.32);background:rgba(7,40,28,.88);animation-delay:-2.6s}.alert-three span{background:var(--aw-green)}
.intro-card,.awareness-chain,.topic-card,.fake-email,.warning-item,.verify-card,.password-window,.security-practice,.tactic-card,.device-safety-card,.quiz-wrapper,.quiz-card,.reporting-note,.report-step,.habits-dashboard,.habit-item,.habit-progress-panel{border:1px solid var(--aw-border);background:linear-gradient(145deg,rgba(11,31,53,.84),rgba(4,14,27,.92));box-shadow:var(--aw-shadow);backdrop-filter:blur(10px)}.intro-card,.topic-card,.warning-item,.verify-card,.security-practice,.tactic-card,.device-safety-card,.quiz-card,.report-step,.habit-item{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.intro-card:hover,.topic-card:hover,.warning-item:hover,.verify-card:hover,.security-practice:hover,.tactic-card:hover,.device-safety-card:hover,.quiz-card:hover,.report-step:hover,.habit-item:hover{transform:translateY(-7px);border-color:rgba(69,255,176,.48);background:linear-gradient(145deg,rgba(12,41,64,.94),rgba(4,17,32,.96));box-shadow:0 0 34px rgba(0,191,255,.15),0 14px 38px rgba(0,0,0,.28)}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.intro-card{min-height:290px;padding:30px;border-radius:16px}.intro-card-icon{font-size:2.3rem;filter:drop-shadow(0 0 10px rgba(0,191,255,.28))}.intro-card h3,.topic-card h3,.verify-card h3,.tactic-card h3,.device-safety-card h3,.quiz-card h3,.report-step h3{margin:20px 0 10px;font-size:1.18rem}.intro-card p,.topic-card p,.verify-card p,.tactic-card p,.device-safety-card p,.quiz-card p,.report-step p{margin:0;color:var(--aw-muted);line-height:1.72}
.why-awareness-matters,.phishing-section,.account-security-section,.device-safety-section,.reporting-section{padding:96px max(20px,calc((100vw - 1180px)/2))}.why-awareness-matters{background:radial-gradient(circle at 75% 50%,rgba(255,100,124,.06),transparent 30%)}.awareness-matters-grid,.account-security-grid,.reporting-grid{width:100%;padding:0;display:grid;grid-template-columns:1fr .92fr;gap:50px;align-items:center}.awareness-checklist{display:grid;gap:12px;margin-top:28px}.checklist-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(74,219,255,.11);border-radius:9px;background:rgba(0,0,0,.12);color:var(--aw-muted)}.checklist-item span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#00170f;background:var(--aw-green);box-shadow:0 0 14px rgba(69,255,176,.2);font-weight:900}.awareness-chain{padding:28px;border-radius:17px}.chain-title span,.chain-title strong{display:block}.chain-title span{color:var(--aw-green);font-size:.7rem;font-weight:900;text-transform:uppercase}.chain-title strong{margin-top:6px;font-size:1.35rem}.chain-step{display:flex;gap:16px;margin-top:20px;padding:18px;border-radius:12px}.dangerous-step{border:1px solid rgba(255,100,124,.28);background:rgba(255,100,124,.05)}.warning-step{border:1px solid rgba(255,200,87,.28);background:rgba(255,200,87,.05)}.protected-step{border:1px solid rgba(69,255,176,.28);background:rgba(69,255,176,.05)}.step-number{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--aw-cyan);border:1px solid rgba(74,219,255,.28);font-size:.72rem;font-weight:900}.chain-step h3{margin:0 0 6px}.chain-step p{margin:0;color:var(--aw-muted);line-height:1.6}.chain-connector{width:2px;height:26px;margin:0 auto;background:linear-gradient(var(--aw-red),var(--aw-yellow))}.protected-connector{background:linear-gradient(var(--aw-yellow),var(--aw-green))}.chain-result{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:15px;border:1px solid rgba(69,255,176,.3);border-radius:10px;color:var(--aw-green);background:rgba(69,255,176,.06);font-weight:900}.chain-result span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#00170f;background:var(--aw-green)}
.topics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.topic-card{position:relative;min-height:390px;padding:27px;border-radius:15px;overflow:hidden}.topic-number{position:absolute;right:17px;top:13px;color:rgba(92,222,255,.22);font-size:2.3rem;font-weight:900}.topic-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,191,255,.28))}.topic-card ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:9px}.topic-card li{position:relative;padding-left:22px;color:var(--aw-muted);font-size:.84rem}.topic-card li:before{content:"✓";position:absolute;left:0;color:var(--aw-green);font-weight:900}
.phishing-section{background:radial-gradient(circle at 25% 50%,rgba(255,100,124,.06),transparent 30%)}.phishing-section .section-container,.device-safety-section .section-container{width:100%;padding:0}.phishing-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.fake-email{position:relative;border-radius:16px;overflow:visible}.email-toolbar{min-height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(74,219,255,.12);background:rgba(0,0,0,.22)}.email-toolbar>span{width:10px;height:10px;border-radius:50%}.email-toolbar>span:nth-child(1){background:var(--aw-red)}.email-toolbar>span:nth-child(2){background:var(--aw-yellow)}.email-toolbar>span:nth-child(3){background:var(--aw-green)}.email-toolbar strong{margin-left:8px;color:#9eb6c7;font-size:.78rem}.email-content{padding:26px;background:#030a12}.email-row{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(74,219,255,.08)}.email-row>span{color:var(--aw-muted)}.suspicious-text{color:var(--aw-red)}.email-message{padding-top:24px;color:#c5dce7;line-height:1.75}.fake-email-button{display:inline-flex;margin:15px 0;padding:12px 18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--aw-red),var(--aw-orange));box-shadow:0 0 18px rgba(255,100,124,.18)}.email-signature{color:var(--aw-muted)}.email-warning-marker{position:absolute;z-index:5;width:34px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#1b0600;background:var(--aw-yellow);box-shadow:0 0 0 0 rgba(255,200,87,.7);font-weight:900;animation:awarenessMarkerPulse 1.8s ease-out infinite}.marker-one{top:72px;right:-14px}.marker-two{top:142px;left:-14px;animation-delay:-.4s}.marker-three{bottom:120px;right:-14px;animation-delay:-.8s}.marker-four{bottom:42px;left:-14px;animation-delay:-1.2s}.warning-signs{display:grid;gap:15px}.warning-item{display:flex;gap:16px;padding:20px;border-radius:12px}.warning-item>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,200,87,.32);border-radius:50%;color:var(--aw-yellow);background:rgba(255,200,87,.05);font-weight:900}.warning-item h3{margin:0 0 7px}.warning-item p{margin:0;color:var(--aw-muted);line-height:1.65}
.verify-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px}.verify-card{position:relative;min-height:310px;padding:28px;border-radius:16px}.verify-number{position:absolute;right:17px;top:13px;color:rgba(92,222,255,.22);font-size:2.3rem;font-weight:900}.verify-icon{font-size:2.3rem}.verify-arrow{color:var(--aw-green);font-size:2rem;animation:awarenessArrowPulse 1.5s ease-in-out infinite}
.account-security-section{background:radial-gradient(circle at 25% 50%,rgba(0,191,255,.07),transparent 30%)}.account-security-grid{grid-template-columns:.95fr 1.05fr}.password-window{border-radius:16px;overflow:hidden;background:linear-gradient(rgba(0,191,255,.025) 1px,transparent 1px),#030a12;background-size:100% 29px}.password-window-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(74,219,255,.12);background:rgba(0,0,0,.22)}.password-window-header>span{color:#cce9f4;font-size:.8rem}.window-controls{display:flex;gap:8px}.window-controls i{width:10px;height:10px;border-radius:50%}.window-controls i:nth-child(1){background:var(--aw-red)}.window-controls i:nth-child(2){background:var(--aw-yellow)}.window-controls i:nth-child(3){background:var(--aw-green)}.password-field,.security-toggle,.account-status{margin:22px;padding:15px;border:1px solid rgba(74,219,255,.12);border-radius:10px;background:rgba(0,0,0,.16)}.password-field{display:flex;justify-content:space-between;gap:18px}.password-field strong{color:var(--aw-green)}.password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 22px 24px}.password-strength span{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--aw-blue),var(--aw-green));box-shadow:0 0 10px rgba(69,255,176,.18);animation:awarenessStrengthGlow 1.8s ease-in-out infinite}.password-strength span:nth-child(2){animation-delay:-.35s}.password-strength span:nth-child(3){animation-delay:-.7s}.password-strength span:nth-child(4){animation-delay:-1.05s}.security-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px}.toggle-switch{position:relative;width:50px;height:26px;border-radius:999px;background:rgba(69,255,176,.24);border:1px solid rgba(69,255,176,.34)}.toggle-switch:after{content:"";position:absolute;top:3px;left:25px;width:18px;height:18px;border-radius:50%;background:var(--aw-green);box-shadow:0 0 12px rgba(69,255,176,.35);animation:awarenessToggleGlow 2s ease-in-out infinite}.account-status{display:flex;align-items:center;gap:10px;color:var(--aw-green);border-color:rgba(69,255,176,.24);background:rgba(69,255,176,.05)}.security-practice{display:flex;gap:16px;margin-top:15px;padding:20px;border-radius:12px}.security-practice>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(69,255,176,.34);border-radius:50%;color:var(--aw-green);font-size:.72rem;font-weight:900}.security-practice h3{margin:0 0 7px}.security-practice p{margin:0;color:var(--aw-muted);line-height:1.65}
.tactics-grid,.device-safety-grid,.quiz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tactic-card{min-height:285px;padding:27px;border-radius:15px}.tactic-icon{font-size:2rem}.tactic-response{display:block;margin-top:20px;padding:12px;border-left:3px solid var(--aw-green);border-radius:0 8px 8px 0;color:#d7ffea;background:rgba(69,255,176,.05);font-size:.82rem;line-height:1.5}.device-safety-section{background:radial-gradient(circle at 72% 50%,rgba(141,125,255,.07),transparent 30%)}.device-safety-card{display:flex;gap:16px;min-height:210px;padding:24px;border-radius:14px}.device-icon{font-size:2rem;flex:0 0 auto}.device-safety-card h3{margin-top:0}.quiz-wrapper{padding:38px;border-radius:18px}.quiz-heading{max-width:700px;margin:0 auto 34px;text-align:center}.quiz-heading h2{margin:0 0 15px;font-size:clamp(2rem,4vw,3rem)}.quiz-heading>p:last-child{color:var(--aw-muted)}.quiz-card{min-height:340px;padding:26px;border-radius:15px}.quiz-question-number{color:var(--aw-green);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quiz-card details{margin-top:24px}.quiz-card summary{cursor:pointer;padding:12px;border:1px solid rgba(74,219,255,.18);border-radius:8px;color:#d7f5ff;background:rgba(0,0,0,.16);font-weight:800}.quiz-card details[open] summary{color:var(--aw-green);border-color:rgba(69,255,176,.3)}.quiz-answer{margin-top:12px;padding:14px;border-left:3px solid var(--aw-green);border-radius:0 8px 8px 0;color:var(--aw-muted);background:rgba(69,255,176,.05);line-height:1.65}
.reporting-section{background:radial-gradient(circle at 24% 50%,rgba(255,100,124,.06),transparent 30%)}.reporting-grid{grid-template-columns:1fr 1fr;align-items:start}.reporting-note{display:flex;gap:14px;margin-top:26px;padding:18px;border-left:3px solid var(--aw-yellow);border-radius:0 10px 10px 0;background:rgba(255,200,87,.05)}.reporting-note>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#1b0600;background:var(--aw-yellow);font-weight:900}.reporting-note p{margin:0;color:#e6dbb5;line-height:1.65}.reporting-steps{display:grid;gap:15px}.report-step{display:flex;gap:16px;padding:20px;border-radius:12px}.report-step>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(69,255,176,.34);border-radius:50%;color:var(--aw-green);font-size:.72rem;font-weight:900}.report-step h3{margin-top:0}
.habits-dashboard{display:grid;grid-template-columns:1fr 1fr .9fr;gap:20px;padding:28px;border-radius:18px}.habit-column{display:grid;gap:13px}.habit-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:10px}.habit-check{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#00170f;background:var(--aw-green);box-shadow:0 0 14px rgba(69,255,176,.2);font-weight:900}.habit-item p{margin:0;color:var(--aw-muted);line-height:1.5}.habit-progress-panel{padding:25px;border-radius:14px;text-align:center}.progress-shield{font-size:3rem;animation:awarenessShieldPulse 2.8s ease-in-out infinite}.habit-progress-panel>span{display:block;margin-top:12px;color:var(--aw-green);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.habit-progress-panel>strong{display:block;margin-top:7px;font-size:1.15rem}.readiness-meter{height:11px;margin:22px 0;border:1px solid rgba(74,219,255,.18);border-radius:999px;background:rgba(0,0,0,.3);overflow:hidden}.readiness-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--aw-blue),var(--aw-green));box-shadow:0 0 14px rgba(69,255,176,.35);animation:awarenessReadinessFill 3s ease-in-out forwards .5s}.habit-progress-panel p{color:var(--aw-muted);line-height:1.65}
.awareness-cta{min-height:520px;padding:110px max(24px,calc((100vw - 950px)/2));display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,191,255,.12),transparent 38%),linear-gradient(180deg,rgba(4,13,25,.8),#02070f)}.cta-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(69,255,176,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.055) 1px,transparent 1px);background-size:38px 38px;transform:perspective(700px) rotateX(67deg) scale(1.6) translateY(31%);transform-origin:bottom;animation:awarenessHeroGrid 12s linear infinite}.awareness-cta:after{content:"";position:absolute;left:50%;top:50%;width:460px;height:460px;transform:translate(-50%,-50%);border:1px solid rgba(66,220,255,.13);border-radius:50%;box-shadow:0 0 60px rgba(0,191,255,.08),inset 0 0 60px rgba(69,255,176,.03);animation:awarenessCalloutRing 7s ease-in-out infinite}.awareness-cta-content{position:relative;z-index:2;max-width:850px}.cta-icon{width:90px;aspect-ratio:1;margin:0 auto 22px;display:grid;place-items:center;border:1px solid rgba(69,255,176,.4);border-radius:50%;background:rgba(69,255,176,.06);box-shadow:0 0 24px rgba(69,255,176,.12);font-size:2rem;animation:awarenessShieldPulse 2.8s ease-in-out infinite}.cta-buttons{justify-content:center}
@keyframes awarenessGridMove{from{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes awarenessBackgroundSweep{from{transform:translate3d(-7%,-7%,0) rotate(0)}to{transform:translate3d(7%,7%,0) rotate(3deg)}}@keyframes awarenessHeroGrid{from{background-position:0 0,0 0}to{background-position:0 54px,54px 0}}@keyframes awarenessStatusPulse{0%{box-shadow:0 0 0 0 rgba(69,255,176,.75)}70%{box-shadow:0 0 0 10px rgba(69,255,176,0)}100%{box-shadow:0 0 0 0 rgba(69,255,176,0)}}@keyframes awarenessFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes awarenessFadeIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes awarenessSpin{to{transform:rotate(360deg)}}@keyframes awarenessSpinReverse{to{transform:rotate(-360deg)}}@keyframes awarenessSymbolFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes awarenessScoreBars{0%,100%{transform:scaleY(.72);opacity:.72}50%{transform:scaleY(1.08);opacity:1}}@keyframes awarenessFirewallFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-16px) rotate(.4deg)}}@keyframes awarenessShieldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes awarenessAlertFloat{0%,100%{margin-top:0}50%{margin-top:-9px}}@keyframes awarenessMarkerPulse{0%{box-shadow:0 0 0 0 rgba(255,200,87,.7)}70%{box-shadow:0 0 0 12px rgba(255,200,87,0)}100%{box-shadow:0 0 0 0 rgba(255,200,87,0)}}@keyframes awarenessArrowPulse{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(8px);opacity:1}}@keyframes awarenessStrengthGlow{0%,100%{opacity:.6}50%{opacity:1}}@keyframes awarenessToggleGlow{0%,100%{box-shadow:0 0 8px rgba(69,255,176,.2)}50%{box-shadow:0 0 18px rgba(69,255,176,.55)}}@keyframes awarenessReadinessFill{from{width:0}to{width:96%}}@keyframes awarenessCalloutRing{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.9}}
@media(max-width:1100px){.awareness-hero{grid-template-columns:1fr;padding-top:92px;text-align:center}.awareness-hero-content{margin:0 auto}.hero-buttons{justify-content:center}.awareness-score-card{margin-left:auto;margin-right:auto}.awareness-matters-grid,.phishing-layout,.account-security-grid,.reporting-grid{grid-template-columns:1fr}.topics-grid{grid-template-columns:repeat(2,1fr)}.tactics-grid,.device-safety-grid,.quiz-grid{grid-template-columns:repeat(2,1fr)}.habits-dashboard{grid-template-columns:1fr 1fr}.habit-progress-panel{grid-column:1/-1}}
@media(max-width:820px){.section-container{width:min(100% - 28px,1180px);padding:76px 0}.awareness-hero{min-height:auto;padding:78px 18px 65px;gap:34px}.awareness-hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-buttons,.cta-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.awareness-hero-visual{min-height:420px}.human-firewall{width:min(390px,92vw)}.intro-grid,.topics-grid,.tactics-grid,.device-safety-grid,.quiz-grid{grid-template-columns:1fr}.verify-grid{grid-template-columns:1fr}.verify-arrow{transform:rotate(90deg);justify-self:center}.habits-dashboard{grid-template-columns:1fr}.habit-progress-panel{grid-column:auto}}
@media(max-width:520px){.awareness-hero-visual{min-height:340px}.human-firewall{width:310px}.person-icon{transform:translate(-50%,-55%) scale(.82)}.shield-center{width:58px;height:68px}.threat-alert{font-size:.57rem}.alert-one{left:-2%}.alert-two{right:-2%}.alert-three{left:2%}.awareness-score-card{grid-template-columns:auto 1fr}.score-bars{grid-column:1/-1;justify-content:center}.fake-email{margin:0 8px}.quiz-wrapper,.awareness-chain{padding:23px}.awareness-cta{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.awareness-page *,.awareness-page *:before,.awareness-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
