:root{--background:#ffffff;--foreground:#171717;--bg-color:#f4f4f4;--text-color:#333;--card-bg:white;--card-shadow:0 2px 10px rgba(0,0,0,0.1);--border-color:#ddd;--primary-color:#007bff;--primary-hover:#0056b3;--green-color:#28a745;--orange-color:#fd7e14;--yellow-color:#ffc107;--red-color:#dc3545;--blue-color:#17a2b8}.dark-mode{--bg-color:#1a1a1a;--text-color:#333;--card-bg:#2d2d2d;--card-shadow:0 2px 10px rgba(0,0,0,0.3);--border-color:#444;--primary-color:#0d6efd;--primary-hover:#0b5ed7;--green-color:#198754;--orange-color:#fd7e14;--yellow-color:#ffc107;--red-color:#dc3545;--blue-color:#0dcaf0;--h1-color:#ffffff}body{font-family:Arial,sans-serif;margin:0;padding:10;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}h1{color:#333}.logo{height:40px;margin:0 10px}.card{background:var(--card-bg);border-radius:8px;padding:20px;box-shadow:var(--card-shadow);margin:20px 0}button{background-color:var(--primary-color);color:white;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}button:hover{background-color:var(--primary-hover)}.read-the-docs{color:#555;margin-top:20px}.layout_app__ztRqd{max-width:1200px;margin:0 auto;padding:20px 10px;box-sizing:border-box;overflow-x:hidden}.layout_app__ztRqd h1{text-align:center;color:#333;margin-bottom:20px;font-size:clamp(1.5rem,5vw,2rem)}.layout_appContainer__pkMmZ{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:768px){.layout_app__ztRqd{padding:20px}.layout_app__ztRqd h1{margin-bottom:30px}.layout_appContainer__pkMmZ{grid-template-columns:1fr 1fr}}