:root{--default:#e7e7e7;--primary:#435f6f;--info:#21A1B3;--success:#97d271;--warning:#FFC107;--danger:#FC4A64;--link:#21A1B3;--text-color-main:#555;--text-color-default:#4b4b4b;--text-color-secondary:#7a7a7a;--text-color-highlight:#000;--text-color-soft:#555555;--text-color-soft2:#aeaeae;--text-color-soft3:#bac2c7;--text-color-contrast:#fff;--background-color-main:#fff;--background-color-secondary:#f9f9f9;--background-color-page:#ededed;--background-color-highlight:#daf0f3;--background-color-highlight-soft:#f2f9fb;--background3:#d7d7d7;--background4:#b2b2b2;--background-color-success:#f7fbf4;--text-color-success:#84be5e;--border-color-success:#97d271;--background-color-warning:#fffbf7;--text-color-warning:#e9b168;--border-color-warning:#fdd198;--background-color-danger:#fff6f6;--text-color-danger:#ff8989;--border-color-danger:#ff8989;--mail-font-family:'Open Sans',Arial,Tahoma,Helvetica,sans-serif}body{margin:0;padding:0;font-family:var(--mail-font-family);background-color:var(--background-color-page);color:var(--text-color-main);display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--primary);color:var(--text-color-contrast);padding:1rem 0;text-align:center;position:sticky;top:0;z-index:10}header h1{margin:0;font-size:2rem}main{display:flex;flex-direction:column;align-items:center;padding:2rem;flex:1}.card{background:var(--background-color-main);border:1px solid var(--background3);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin:1rem;padding:1rem;width:100%;max-width:600px;transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.card h2{margin-top:0;font-size:1.5rem;color:var(--text-color-highlight)}.card p{font-size:1rem;line-height:1.6;color:var(--text-color-default)}.card a{display:inline-block;margin-top:1rem;padding:0.5rem 1rem;background-color:var(--link);color:var(--text-color-contrast);text-decoration:none;border-radius:4px;transition:background-color 0.3s;text-align:center}.card a:hover{background-color:var(--info)}footer{background-color:var(--primary);color:var(--text-color-contrast);text-align:center;padding:1rem 0;font-size:0.875rem;margin-top:auto}@media(max-width:768px){header h1{font-size:1.5rem}.card{padding:1rem;margin:0.5rem}.card h2{font-size:1.25rem}.card p{font-size:0.9rem}.card a{padding:0.4rem 0.8rem;font-size:0.875rem}}@media(max-width:480px){header h1{font-size:1.25rem}.card{padding:0.75rem}.card h2{font-size:1rem}.card p{font-size:0.85rem}.card a{padding:0.3rem 0.6rem;font-size:0.75rem}}.vertical-nav{list-style:none;padding:0;margin:1rem auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.vertical-nav li{width:100%;max-width:200px}.button-link{display:block;text-align:center;padding:0.75rem 1rem;font-size:1rem;color:var(--text-color-contrast);background-color:var(--primary);border:2px solid var(--primary);border-radius:8px;text-decoration:none;transition:all 0.3s ease-in-out}.button-link:hover{background-color:var(--info);border-color:var(--info);transform:scale(1.05)}.button-link:active{transform:scale(0.95)}@media(max-width:480px){.button-link{font-size:0.9rem;padding:0.5rem 0.8rem}}.logo{width:250px!important;height:auto!important;object-fit:contain}