*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--bg-card: rgba(30, 41, 59, .95);--bg-card-outer: #1e293b;--text: #ffffff;--text-muted: #94a3b8;--accent-bonus: #2dd4bf;--header-gradient: linear-gradient(90deg, #22d3ee 0%, #14b8a6 50%, #10b981 100%);--float-gradient: linear-gradient(90deg, #14b8a6 0%, #06b6d4 100%);--footer-bg: rgba(30, 41, 59, .5);--footer-hover: #2dd4bf;--border-pill: rgba(51, 65, 85, .5)}.g-cyan-teal{--card-gradient: linear-gradient(135deg, #22d3ee 0%, #14b8a6 100%)}.g-violet-purple{--card-gradient: linear-gradient(135deg, #8b5cf6 0%, #9333ea 100%)}.g-emerald-teal{--card-gradient: linear-gradient(135deg, #10b981 0%, #0d9488 100%)}.g-sky-blue{--card-gradient: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%)}.g-teal-cyan{--card-gradient: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%)}.g-rose-pink{--card-gradient: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%)}.g-indigo-violet{--card-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}.g-fuchsia-pink{--card-gradient: linear-gradient(135deg, #d946ef 0%, #ec4899 100%)}.g-amber-orange{--card-gradient: linear-gradient(135deg, #fbbf24 0%, #f97316 100%)}.g-cyan-blue{--card-gradient: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%)}.g-amber-rose{--card-gradient: linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%)}.g-slate-gray{--card-gradient: linear-gradient(135deg, #64748b 0%, #4b5563 100%)}.g-emerald-teal-d{--card-gradient: linear-gradient(135deg, #059669 0%, #0f766e 100%)}body{font-family:Lexend,sans-serif;background:var(--bg-page);color:var(--text);line-height:1.5;min-height:100vh}.page{min-height:100vh}.header{position:relative;overflow:hidden;background:var(--header-gradient);color:#fff}.header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026}.header-content{position:relative;padding:2rem 1rem 2.5rem;text-align:center}.header-title{font-size:clamp(1.35rem,5vw,2.25rem);font-weight:700;line-height:1.3}.header-icon{display:inline-block}.header-highlight{color:#ccfbf1}.header-sub{display:block;font-size:clamp(.9rem,3vw,1.2rem);font-weight:500;margin-top:.35rem;opacity:.95}.header-fade{position:absolute;bottom:0;left:0;right:0;height:2rem;background:linear-gradient(to top,#0f172a,transparent)}.main{padding:2rem 1rem 3rem}.container{max-width:72rem;margin:0 auto}.sites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(min-width:768px){.sites-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.sites-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:1280px){.sites-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.site-card{position:relative;cursor:pointer;transition:transform .3s ease}.site-card:hover{transform:scale(1.02)}.site-card--highlight .card-outer{box-shadow:0 0 0 2px #2dd4bf80}.card-badge{position:absolute;top:-.5rem;left:.5rem;z-index:2;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:700;background:var(--card-gradient);color:#0f172a}.card-outer{position:relative;background:var(--card-gradient, linear-gradient(135deg, #22d3ee, #14b8a6));padding:2px;border-radius:.75rem;min-height:100%}.card-inner{background:var(--bg-card);border-radius:calc(.75rem - 2px);padding:.5rem;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.card-inner{padding:1rem}}.card-logo-wrap{width:6rem;height:3rem;margin:0 auto .35rem;background:#334155;border-radius:.5rem;padding:.25rem;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.card-logo-wrap{width:10rem;height:5rem;margin-bottom:.75rem;padding:.5rem}}.card-logo{max-width:100%;max-height:100%;object-fit:contain}.card-name{font-size:.75rem;font-weight:700;color:var(--text);margin-bottom:.2rem;line-height:1.2}@media(min-width:768px){.card-name{font-size:1rem;margin-bottom:.5rem}}.card-bonus{font-size:.85rem;font-weight:800;color:var(--accent-bonus);margin-bottom:.1rem}@media(min-width:768px){.card-bonus{font-size:1.25rem;margin-bottom:.25rem}}.card-desc{font-size:.6rem;color:var(--text-muted);margin-bottom:.35rem}@media(min-width:768px){.card-desc{font-size:.875rem;margin-bottom:1rem}}.card-btn{width:100%;padding:.35rem .5rem;border:none;border-radius:.5rem;font-size:.6rem;font-weight:700;color:#fff;background:var(--card-gradient);cursor:pointer;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 14px #00000040}@media(min-width:768px){.card-btn{padding:.5rem 1rem;font-size:.875rem}}.card-btn:hover{box-shadow:0 6px 20px #00000059}.card-btn:active{transform:scale(.98)}.card-logo-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(8px,2vw,12px)}.footer{background:var(--footer-bg);padding:2rem 1rem;margin-top:3rem}.footer-inner{max-width:72rem;margin-left:auto;margin-right:auto;text-align:center}.footer-backlinks{margin-bottom:1.5rem}.footer-backlinks-title{font-size:1rem;font-weight:700;color:#facc15;margin-bottom:.75rem;text-align:center}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.footer-nav a{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;color:#9ca3af;background:#33415580;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#facc15}.footer-bottom{border-top:1px solid #374151;padding-top:1.5rem}.footer-kivi{margin-top:1rem;font-size:.75rem;font-weight:500;color:#4b5563}.float-contact{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--float-gradient);color:#fff;text-decoration:none;border-radius:9999px;font-weight:700;font-size:.875rem;box-shadow:0 10px 30px #14b8a666;border:2px solid rgba(45,212,191,.5);transition:transform .3s,box-shadow .3s,border-color .3s}.float-contact:hover{transform:scale(1.08);box-shadow:0 12px 36px #14b8a680;border-color:#2dd4bfcc}.float-icon{font-size:1.25rem}.float-text{display:none}@media(min-width:640px){.float-text{display:inline}}
