:root{color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{font-size:16px}img{max-width:100%;height:auto;display:block}a{color:inherit}

.nav-link{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.6rem 0.9rem;font-size:0.95rem;line-height:1.25rem;color:rgba(226,232,240,0.9);transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.nav-link:hover{background-color:rgba(255,255,255,0.06);color:#fff;transform:translateY(-1px)}
.nav-link:focus{outline:none;box-shadow:0 0 0 2px rgba(165,180,252,0.65)}

.mobile-link{width:100%;text-align:center;border-radius:1rem;padding:0.85rem 1rem;font-size:1.5rem;line-height:2rem;color:#fff;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}
.mobile-link:hover{background-color:rgba(255,255,255,0.06);transform:translateY(-1px)}
.mobile-link:focus{outline:none;box-shadow:0 0 0 2px rgba(165,180,252,0.7)}

.btn-primary{border-radius:0.9rem;padding:0.85rem 1.05rem;font-weight:600;background-image:linear-gradient(135deg,rgba(99,102,241,1),rgba(34,211,238,1));color:rgba(15,23,42,0.95);box-shadow:0 10px 30px rgba(99,102,241,0.18);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 36px rgba(34,211,238,0.16)}
.btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,0.75),0 14px 36px rgba(34,211,238,0.16)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.btn-secondary{border-radius:0.9rem;padding:0.85rem 1.05rem;font-weight:600;background-color:rgba(255,255,255,0.06);color:rgba(226,232,240,0.95);border:1px solid rgba(255,255,255,0.12);transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn-secondary:hover{transform:translateY(-1px);background-color:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18)}
.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,0.65)}
.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.footer-link{color:rgba(226,232,240,0.86);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}
.footer-link:hover{color:#fff;text-decoration:underline;text-decoration-color:rgba(165,180,252,0.7)}
.footer-link:focus{outline:none;box-shadow:0 0 0 2px rgba(165,180,252,0.7);border-radius:0.5rem}

.feature-card{border-radius:1rem;background-color:rgba(255,255,255,0.05);padding:1.25rem;box-shadow:0 1px 0 rgba(255,255,255,0.06) inset;outline:1px solid rgba(255,255,255,0.1);transition:transform .2s ease,background-color .2s ease,outline-color .2s ease,box-shadow .2s ease}
.feature-card:hover{transform:translateY(-2px);background-color:rgba(255,255,255,0.07);outline-color:rgba(255,255,255,0.16);box-shadow:0 18px 45px rgba(0,0,0,0.35)}
.feature-card:focus-within{outline-color:rgba(165,180,252,0.7)}

.feature-icon{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:1rem;outline:1px solid rgba(255,255,255,0.12)}

@media (prefers-reduced-motion: reduce){.nav-link,.mobile-link,.btn-primary,.btn-secondary,.feature-card{transition:none}.feature-card:hover{transform:none}.nav-link:hover{transform:none}.btn-primary:hover{transform:none}.btn-secondary:hover{transform:none}}

*:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,0.7)}