html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}app-root{display:flex;flex-direction:column;flex:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-header{animation:fadeInUp .8s ease-out both}.fade-in-header{font-weight:700;color:#0d6efd;text-align:center;font-size:1rem;line-height:1.6;padding:10px 20px;margin:0;word-break:break-word}@media (max-width: 768px){.fade-in-header{font-size:.7rem;padding:10px 12px}}@media (max-width: 480px){.fade-in-header{font-size:.95rem;line-height:1.4;padding:8px 10px;word-spacing:1px}}.route-loader{position:fixed;top:50%;left:50%;width:40px;height:40px;z-index:9999;border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feature-header{font-size:24px;line-height:1.2;font-weight:700;margin:0 0 15px;word-wrap:break-word}@media only screen and (max-width: 1024px){.feature-header{font-size:22px}}@media only screen and (max-width: 767px){.feature-header{font-size:20px}}@media only screen and (max-width: 480px){.feature-header{font-size:18px}}.feature-header{font-size:calc(14px + .3vw);line-height:1.2;font-weight:700;margin:0 0 15px;word-wrap:break-word}.feature-description{font-size:calc(13px + .2vw);line-height:1.5;font-weight:400;margin:0 0 20px;word-wrap:break-word;color:#555;max-width:100%}@media (max-width: 768px){.feature-description{font-size:calc(14px + .1vw)}}@media (max-width: 480px){.feature-description{line-height:1.6}}