body{font-family:'Inter',sans-serif;margin:0;background-color:#F0FFF0;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}header{width:100%;background-color:#fff;padding:15px 20px;box-shadow:0 4px 10px rgb(0 0 0 / .1);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;transition:max-height 0.3s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease,visibility 0.3s ease;overflow:hidden;max-height:150px;opacity:1;visibility:visible;position:relative}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px}.logo-text{font-size:2.2rem;font-weight:700;margin:0;white-space:nowrap;color:#28a745}nav{flex-grow:1;display:flex;justify-content:flex-end;width:auto}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:25px;flex-wrap:wrap;justify-content:center}nav ul li a{color:#333;text-decoration:none;font-size:1.1rem;font-weight:600;padding:8px 15px;border-radius:8px;transition:background-color 0.2s ease,transform 0.1s ease,color 0.2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}nav ul li a:hover{background-color:#E6FFE6;transform:translateY(-2px);color:#28a745}nav ul li a svg{stroke:#333;transition:stroke 0.2s ease}nav ul li a:hover svg{stroke:#28a745}.page{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgb(0 0 0 / .1);padding:30px;text-align:center;display:flex;flex-direction:column;gap:20px;width:100%;height:100%;overflow:hidden}.card_link{text-decoration:none}.page h2{font-size:2rem;font-weight:700;color:#28a745;margin-bottom:15px}.page p{font-size:1.1rem;color:#475569;line-height:1.6}.home-options{display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center}.home-option-card{background-color:#28a745;border-radius:12px;padding:30px;width:100%;max-width:400px;box-shadow:0 5px 15px rgb(0 0 0 / .08);transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px}.home-option-card:hover{color:#28a745;background-color:#fff;transform:translateY(-5px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}.home-option-card h3{font-size:1.8rem;font-weight:700;color:#000;margin:0}.home-option-card p{font-size:1rem;color:#000;margin:0}.home-option-card svg{width:40px;height:40px;stroke:#000}@media (max-width:1024px){.page-layout{grid-template-columns:1fr}}@media (max-width:768px){header{flex-direction:column;align-items:flex-start;overflow:auto}.header-content{flex-direction:column;align-items:flex-start;gap:15px}nav{width:100%;justify-content:center}nav ul{flex-direction:column;gap:10px;width:100%;text-align:center}.keyboard-container{display:none}.nav-toggle-button{top:10px;right:10px}}