.page-header,.stat-card{overflow:hidden;position:relative;text-align:center}.page-header::after,.page-header::before,.stat-card::before{content:'';position:absolute;inset:0}.game-container,.page-header,.page-header h1,.page-header p,.stat-card,.stat-value{position:relative}.game-btn,.input-field,.player-item{transition:all var(--transition)}.game-btn,.key{cursor:pointer}.blog-content h2 .serif-accent,.page-header h1 .accent{font-family:var(--font-serif);font-style:italic;text-transform:none;-webkit-text-fill-color:transparent}.ad-slot,.faq-title,.game-placeholder,.modal-title,.page-header,.stat-card{text-align:center}body{background:var(--clr-slate-100)}.page-header{background:var(--clr-slate-900);padding:4rem 1.5rem 5rem;color:var(--clr-white)}.blog-content a:hover,.page-header-badge{color:var(--clr-teal)}.page-header::before{background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(13,207,180,.14) 0,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 40%,rgba(34,211,238,.1) 0,transparent 55%)}.page-header::after{background-image:linear-gradient(rgba(13,207,180,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,207,180,.05) 1px,transparent 1px);background-size:48px 48px}.page-header-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}.page-header-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem 1rem;border-radius:var(--radius-pill);background:rgba(13,207,180,.12);border:1px solid rgba(13,207,180,.3);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}.game-card,.input-field{background:var(--clr-white)}.card-title,.input-label{font-family:var(--font-display);font-weight:700;text-transform:uppercase}.page-header h1{font-family:var(--font-display);font-size:clamp(1.9rem, 5vw, 3.2rem);font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.05;margin:0 0 1rem;z-index:1}.page-header h1 .accent{background:linear-gradient(135deg,var(--clr-teal) 0,var(--clr-cyan) 100%);-webkit-background-clip:text;background-clip:text}.page-header p{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.7;max-width:680px;margin:0 auto;font-weight:300;z-index:1}.game-container{max-width:1200px;margin:-2.5rem auto 3rem;padding:0 1.5rem;z-index:10}.game-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1.5rem;align-items:start}.ad-slot{margin:1.5rem 0}.ad-label{font-size:.68rem;color:var(--clr-slate-400);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.1em}.game-card{border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lift);border:1px solid var(--clr-slate-200);margin-bottom:1.5rem;animation:.5s both slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-title{font-size:1rem;letter-spacing:.05em;color:var(--clr-slate-800);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-slate-200)}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.7rem;letter-spacing:.08em;color:var(--clr-slate-500);margin-bottom:.4rem}.input-field{width:100%;padding:.6rem .8rem;border-radius:var(--radius-sm);border:2px solid var(--clr-slate-200);font-size:.92rem;font-weight:600;color:var(--clr-slate-800);outline:0;box-sizing:border-box}.game-btn,.stat-label{font-family:var(--font-display);font-weight:700}.game-btn,.stat-card{color:var(--clr-white)}.input-field:focus{border-color:var(--clr-teal);box-shadow:0 0 0 3px var(--clr-teal-glow)}.game-btn{width:100%;border:none;border-radius:var(--radius-md);padding:.75rem 1rem;background:var(--clr-teal-deep);font-size:.88rem;letter-spacing:.04em;margin-bottom:.6rem;display:block}.game-btn:hover{background:var(--clr-teal);color:var(--clr-slate-900);transform:translateY(-1px);box-shadow:0 8px 20px rgba(13,207,180,.35)}.game-btn:active{transform:translateY(0)}.game-btn:disabled{opacity:.55;box-shadow:none;transform:none;cursor:not-allowed}.game-btn.secondary{background:0 0;border:2px solid rgba(13,207,180,.35);color:var(--clr-teal-deep)}.game-btn.secondary:hover{background:rgba(13,207,180,.08);border-color:var(--clr-teal);color:var(--clr-teal-deep);box-shadow:none}.stats-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stat-card{background:var(--clr-slate-900);border-radius:var(--radius-sm);padding:.75rem .6rem}.stat-card::before{background:radial-gradient(ellipse 80% 80% at 50% 0,rgba(13,207,180,.15) 0,transparent 70%);pointer-events:none}.stat-label{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.2rem}.stat-value{font-family:'Courier New',monospace;font-size:1.35rem;font-weight:900;color:var(--clr-white);z-index:1}.player-list{margin-top:.5rem}.player-item{display:flex;justify-content:space-between;align-items:center;background:var(--clr-slate-100);border:1px solid var(--clr-slate-200);border-left:3px solid rgba(13,207,180,.3);border-radius:var(--radius-sm);padding:.65rem .85rem;margin-bottom:.5rem}.player-item.active{background:var(--clr-teal-deep);border-color:var(--clr-teal-deep);color:var(--clr-white);transform:scale(1.02);box-shadow:var(--shadow-teal)}.player-name{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.02em}.player-score{font-family:'Courier New',monospace;font-size:1.1rem;font-weight:900}.game-placeholder{padding:3rem 1rem;color:var(--clr-slate-400)}.game-placeholder-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--clr-slate-600);margin-bottom:.5rem}.game-placeholder-text{font-size:.9rem;margin-bottom:.25rem;color:var(--clr-slate-400)}.info-box-text strong,.key,.wordle-tile{color:var(--clr-slate-800)}.wordle-board{display:grid;gap:8px;margin-bottom:1.25rem;justify-content:center}.wordle-row{display:grid;grid-template-columns:repeat(5,minmax(44px,64px));gap:8px}.wordle-tile{width:100%;aspect-ratio:1/1;border-radius:8px;border:3px solid var(--clr-slate-200);font-family:var(--font-display);font-size:1.7rem;font-weight:900;text-transform:uppercase;display:flex;align-items:center;justify-content:center;background:var(--clr-white);transition:border-color .15s}.info-box-title,.key{font-family:var(--font-display);font-weight:700;text-transform:uppercase}.wordle-tile.filled{border-color:var(--clr-teal-deep);animation:.1s pop}.wordle-tile.absent,.wordle-tile.correct,.wordle-tile.present{animation:.4s flip;color:var(--clr-white)}.wordle-tile.correct{background:linear-gradient(135deg,#10b981 0,#059669 100%);border-color:#059669}.wordle-tile.present{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);border-color:#d97706}.wordle-tile.absent{background:linear-gradient(135deg,var(--clr-slate-500) 0,var(--clr-slate-700) 100%);border-color:var(--clr-slate-600)}@keyframes pop{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes flip{0%,100%{transform:rotateX(0)}50%{transform:rotateX(90deg)}}.keyboard{display:grid;gap:7px;max-width:540px;margin:0 auto}.keyboard-row{display:flex;gap:5px;justify-content:center}.key{min-width:40px;height:54px;border-radius:6px;border:none;background:var(--clr-slate-200);font-size:.82rem;letter-spacing:.03em;padding:0 8px;transition:.12s;user-select:none}.meta-line,.modal-title{border-bottom:1px solid var(--clr-slate-200)}.key:hover{background:var(--clr-slate-300);transform:translateY(-2px)}.key.wide{min-width:64px;font-size:.68rem}.key.correct{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:var(--clr-white)}.key.present{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:var(--clr-white)}.key.absent{background:linear-gradient(135deg,var(--clr-slate-500) 0,var(--clr-slate-600) 100%);color:var(--clr-white)}.info-box{margin-top:1.1rem;border-radius:var(--radius-sm);padding:.9rem 1.1rem;background:linear-gradient(135deg,rgba(13,207,180,.06) 0,rgba(34,211,238,.06) 100%);border-left:3px solid var(--clr-teal)}.info-box-title{font-size:.75rem;letter-spacing:.05em;color:var(--clr-teal-deep);margin-bottom:.4rem}.certificate-text,.info-box-text{font-size:.875rem;line-height:1.7}.info-box-text{color:var(--clr-slate-600)}.info-box-text strong{font-weight:600}.blog-content em,.info-box-text em{font-style:italic}.certificate-text{color:var(--clr-slate-500);margin-bottom:.75rem}.notification{position:fixed;top:90px;right:1.1rem;background:var(--clr-teal-deep);color:var(--clr-white);border-radius:var(--radius-md);padding:.75rem 1.1rem;box-shadow:0 12px 24px rgba(13,207,180,.35);z-index:9999;animation:.35s both slideInRight;max-width:260px;font-size:.9rem;font-weight:600}.blog-content h2,.modal-title{color:var(--clr-slate-800);font-family:var(--font-display);text-transform:uppercase}.blog-content,.faq-item{box-shadow:var(--shadow-card)}.notification.error{background:#ef4444;box-shadow:0 12px 24px rgba(239,68,68,.35)}@keyframes slideInRight{from{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}.modal{position:fixed;inset:0;background:rgba(15,23,42,.7);display:flex;align-items:center;justify-content:center;z-index:9998;animation:.25s both fadeIn}.blog-content,.modal-content{background:var(--clr-white);border-radius:var(--radius-lg)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{padding:2rem 1.75rem;max-width:520px;width:92%;max-height:82vh;overflow-y:auto;animation:.25s both slideUp}.modal-title{font-size:1.5rem;font-weight:800;letter-spacing:.02em;margin-bottom:1rem;padding-bottom:.75rem}.blog-section{max-width:920px;margin:3rem auto 0;padding:0 1.5rem}.blog-content{padding:3rem 3.5rem;border:1px solid var(--clr-slate-200);line-height:1.9;margin-bottom:2rem}.blog-content h2{font-size:clamp(1.25rem, 3.5vw, 1.85rem);font-weight:700;letter-spacing:.01em;margin:0 0 .5rem;line-height:1.15}.blog-content h2 .serif-accent{background:linear-gradient(135deg,var(--clr-teal-deep),var(--clr-cyan));-webkit-background-clip:text;background-clip:text}.meta-line{font-size:.82rem;color:var(--clr-slate-400);margin-bottom:1.5rem;padding-bottom:1.25rem}.example-box,.highlight-box{padding:1rem 1.25rem;margin:1.25rem 0}.example-box a,.faq-answer a,.meta-line a{color:var(--clr-teal-deep);text-decoration:underline}.blog-content h3{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--clr-slate-800);margin:1.75rem 0 .6rem}.blog-content p,.blog-content ul{color:var(--clr-slate-600);font-size:.975rem}.blog-content p{margin-bottom:.9rem;line-height:1.85}.blog-content ul{margin:0 0 1rem 1.5rem}.blog-content li{margin-bottom:.4rem;line-height:1.75}.blog-content a{color:var(--clr-teal-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.blog-content strong,.example-box strong,.highlight-box strong{color:var(--clr-slate-800);font-weight:600;-webkit-text-fill-color:var(--clr-slate-800)}.example-box,.faq-answer strong,.highlight-box{color:var(--clr-slate-700)}.highlight-box{background:linear-gradient(135deg,rgba(13,207,180,.06) 0,rgba(34,211,238,.06) 100%);border:1px solid rgba(13,207,180,.2);border-left:3px solid var(--clr-teal);border-radius:var(--radius-sm);font-size:.92rem;line-height:1.75}.example-box{background:rgba(14,165,233,.05);border:1px solid rgba(14,165,233,.2);border-left:3px solid #0ea5e9;border-radius:var(--radius-sm);font-size:.93rem;line-height:1.75}.faq-question,.faq-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:var(--clr-slate-800)}.faq-section{background:var(--clr-slate-100);padding:3rem 0 4rem;margin-top:0}.faq-section-inner{max-width:860px;margin:0 auto;padding:0 1.5rem}.faq-title{font-size:clamp(1.1rem, 3vw, 1.5rem);letter-spacing:.03em;margin:0 0 1.5rem}.faq-item{background:var(--clr-white);border-radius:var(--radius-md);padding:1.1rem 1.4rem;margin-bottom:.75rem;border:1px solid var(--clr-slate-200)}.faq-question{font-size:.88rem;letter-spacing:.04em;margin:0 0 .35rem}.faq-answer{font-size:.875rem;color:var(--clr-slate-500);line-height:1.8;margin:0}.faq-answer strong{font-weight:600}@media (max-width:1024px){.game-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.stat-value{font-size:1.15rem}.modal-content{padding:1.5rem 1.1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.page-header{padding:3rem 1.25rem 4rem}.page-header h1{font-size:1.8rem}.game-container{margin-top:-1.5rem;padding:0 1rem}.game-card{padding:1.5rem 1.25rem;border-radius:var(--radius-md)}.wordle-row{grid-template-columns:repeat(5,minmax(40px,56px))}.key{min-width:32px;height:46px;font-size:.72rem}.key.wide{min-width:50px}.blog-section,.faq-section-inner{padding:0 1rem}.blog-content{padding:1.75rem 1.25rem}.blog-content h2{font-size:1.2rem}.desktop-nav{display:none}}