*{box-sizing:border-box;margin:0;padding:0}.home-page{color:#fff;background:#0a0e27;min-height:100vh;font-family:Arial,sans-serif}.page{background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);min-height:100vh;padding:60px 40px;position:relative}.cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cover:before{content:"";background-image:repeating-linear-gradient(90deg,#22c55e08 0,#0000 1px 40px,#22c55e08 41px),repeating-linear-gradient(0deg,#ef444408 0,#0000 1px 40px,#ef444408 41px);width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.home-title{z-index:1;text-transform:uppercase;letter-spacing:-2px;color:#22c55e;margin-bottom:20px;font-size:4em;font-weight:900;line-height:1.2}.subtitle{color:#94a3b8;z-index:1;margin-bottom:50px;font-size:1.3em}.navigation-cards{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1200px;margin-bottom:50px;display:grid}.nav-card{color:#fff;text-align:center;background:#ffffff08;border:2px solid #22c55e4d;border-radius:16px;flex-direction:column;align-items:center;padding:40px 30px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-card:before{content:"";opacity:0;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);transition:opacity .3s;position:absolute;inset:0}.nav-card:hover{border-color:#22c55e;transform:translateY(-5px);box-shadow:0 20px 40px #22c55e33}.nav-card:hover:before{opacity:1}.nav-card>*{z-index:1;position:relative}.card-badge{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;margin-bottom:25px;padding:15px 40px;font-size:1.8em;font-weight:900;box-shadow:0 10px 30px #22c55e4d}.vs-badge{letter-spacing:8px;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d}.mistakes-badge{letter-spacing:2px;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d}.nav-card h2{color:#22c55e;text-transform:uppercase;letter-spacing:-1px;margin-bottom:15px;font-size:1.8em;font-weight:800;line-height:1.3}.nav-card p{color:#cbd5e1;font-size:1.1em;line-height:1.6}.footer{text-align:center;color:#64748b;z-index:1;border-top:1px solid #ffffff1a;margin-top:50px;padding:30px;font-size:.95em;position:relative}@media (max-width:768px){.home-title{font-size:2.5em}.navigation-cards{grid-template-columns:1fr;gap:20px}.nav-card{padding:30px 20px}}