:root{--color-background-body:#000;--color-background-main:#121212;--color-background-container:#1e1e1e;--color-background-card:#121212;--color-background-button:darkred;--color-background-button-hover:red;--color-background-toast:rgba(0,0,0,0.9);--color-text-primary:#ff0000;--color-text-secondary:lightcoral;--color-text-button:#fff;--color-text-card-title:red;--color-border-card:darkred;--shadow-color-primary-rgb:255,0,0;--border-radius-sm:5px;--border-radius-md:8px;--border-radius-lg:10px;--gap-md:20px;--padding-md:20px;--padding-sm:15px;--padding-btn-vertical:10px;--padding-btn-horizontal:20px}*,*::before,*::after{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--color-background-body);color:var(--color-text-primary);display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--padding-md);background-color:var(--color-background-main)}.container{width:100%;max-width:800px;padding:var(--padding-md);background-color:var(--color-background-container);border-radius:var(--border-radius-lg);box-shadow:0 0 10px rgba(var(--shadow-color-primary-rgb),0.5)}h2{margin-top:0;text-align:center;color:var(--color-text-secondary)}.app-grid{display:flex;flex-wrap:wrap;gap:var(--gap-md);justify-content:center}.app-card{background-color:var(--color-background-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-lg);padding:var(--padding-sm);width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px rgba(var(--shadow-color-primary-rgb),0.5)}.app-card img{width:100%;max-width:300px;border-radius:var(--border-radius-sm);margin-bottom:10px}.app-card h3{margin:10px 0 5px;color:var(--color-text-card-title);text-align:center}.app-card p{font-size:1em;text-align:center;color:var(--color-text-secondary);margin-bottom:10px;flex-grow:1}.app-card .btn{background-color:var(--color-background-button);color:var(--color-text-button);border:none;padding:var(--padding-btn-vertical) var(--padding-btn-horizontal);text-decoration:none;border-radius:var(--border-radius-sm);transition:background-color 0.3s;margin-top:auto}.app-card .btn:hover{background-color:var(--color-background-button-hover)}@media (max-width:600px){.app-grid{flex-direction:column;align-items:center}.app-card{max-width:90%}}#toast{visibility:hidden;min-width:300px;background-color:var(--color-background-toast);color:var(--color-text-primary);text-align:center;border-radius:var(--border-radius-md);padding:16px;position:fixed;z-index:10000;left:50%;bottom:50px;transform:translateX(-50%) translateY(100%);opacity:0;font-size:1.2em;box-shadow:0 0 15px rgba(var(--shadow-color-primary-rgb),0.8);transition:transform 0.5s ease,opacity 0.5s ease}#toast.show{visibility:visible;transform:translateX(-50%) translateY(0);opacity:1}