:root{--primary-color:#3d5a55;--secondary-color:#3d5a55;--text-color:#1a2c28;--accent-color:#3d5a55;--hover-color:#2c423e}body{font-family:'Segoe UI',Arial,sans-serif;margin:0;padding:0;background-color:var(--secondary-color);color:var(--text-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:800px;margin:40px auto;padding:20px;flex-grow:1;margin-bottom:80px}.card{background:var(--primary-color);border:2px solid #fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px rgba(77,106,102,.1);margin-bottom:20px;color:#fff}h1,h2{color:#fff;text-align:center;margin-bottom:20px}h1{font-size:2.2em}.menu-item,.action-button{background:var(--primary-color);border:2px solid #fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 4px 6px rgba(77,106,102,.1);transition:all .3s ease;cursor:pointer;text-decoration:none;color:#fff;position:relative;overflow:hidden}.menu-item:hover,.action-button:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(77,106,102,.2);background:var(--hover-color)}.menu-item::after,.action-button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.menu-item:hover::after,.action-button:hover::after{transform:translateX(100%)}.navigation-bar{position:fixed;bottom:0;left:0;right:0;background:var(--primary-color);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.nav-button{background:#fff;color:var(--primary-color);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.2em;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.nav-button:hover{transform:scale(1.1);background:var(--hover-color);color:#fff}.nav-button::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.nav-button:hover::after{width:100%;height:100%}.nav-button.disabled{opacity:.5;cursor:default;pointer-events:none}.progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform-origin:0 50%;transform:scaleX(0);transition:transform .3s ease}.progress-bar.active{transform:scaleX(1)}.breadcrumbs{display:flex;align-items:center;gap:10px;padding:10px 20px;background:rgba(255,255,255,.1);border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.breadcrumb-item{color:#fff;text-decoration:none;font-size:.9em;display:flex;align-items:center;transition:all .3s ease}.breadcrumb-item:hover{color:rgba(255,255,255,.8)}.breadcrumb-separator{color:#fff;opacity:.5}.breadcrumb-current{color:#fff;opacity:.7}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--hover-color);color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s ease}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.tooltip .tooltip-text::after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--hover-color) transparent transparent}.pulse{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@media (max-width:768px){.container{padding:20px;margin-bottom:100px}.nav-button{width:60px;height:60px}.breadcrumbs{padding:8px 15px;gap:8px}.tooltip .tooltip-text{width:150px}}@media (prefers-reduced-motion:reduce){.menu-item,.nav-button,.action-button{transition:none}.menu-item::after,.nav-button::after,.action-button::after{display:none}.pulse{animation:none}}