.centered-content{margin:0 auto;max-width:250px}.animated-header{width:100%;max-width:600px;margin:0 auto}.animated-header video{width:100%;height:auto;object-fit:contain}close-button{background-color:gray}vaadin-button{background-color:#fff;color:#6366f1;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.6em 1.3em;font-weight:600;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 6px #0000001a}vaadin-button:hover{background-color:#6366f1;color:#fff;box-shadow:0 6px 12px #6366f14d;transform:translateY(-3px)}vaadin-button:active{transform:translateY(0);box-shadow:0 2px 4px #6366f14d;background-color:#4f46e5;border-color:#4f46e5;color:#fff}.title{color:#6366f1}.flag:hover{transform:scale(1.04);box-shadow:var(--lumo-box-shadow-m)}.features-grid{display:grid;gap:1.5rem;width:100%;max-width:900px;justify-items:center;margin:0 auto;grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.features-grid{grid-template-columns:repeat(1,1fr)}}.image-container{display:block!important}@media (max-width: 768px){.image-container{display:none!important}}@media (max-width: 768px){h1{font-size:1.6rem;text-align:center;word-break:break-word}.profile-actions{flex-direction:column;width:100%;gap:.5rem}}.profile-title{text-align:center;width:100%}@media (max-width: 768px){.profile-title{font-size:1.6rem;word-break:break-word}}.reminder-card{width:100%;max-width:600px;margin:0 auto}@media (min-width: 900px){.reminder-card{width:60%;max-width:500px}}