.logout-container{display:flex;align-items:center;gap:15px;padding:10px 20px;background:#ffffff1a;border-radius:8px}.user-info{color:#fff;font-size:14px;font-weight:500}.logout-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@media(max-width:768px){.logout-container{flex-direction:column;gap:8px;padding:8px 12px}.user-info{font-size:12px}.logout-btn{font-size:12px;padding:6px 12px}}.header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:1000}.header-top{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.header-brand h1{font-size:1.5em;margin:0;white-space:nowrap}.header-search{position:relative;flex:0 0 250px}.search-input{width:100%;padding:8px 15px;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff1a;color:#fff;font-size:.9em;transition:all .3s ease}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;background:#fff3;border-color:#ffffff80}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:10px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-height:400px;overflow-y:auto;z-index:1001}.search-result-item{padding:12px 15px;color:#2c3e50;cursor:pointer;border-bottom:1px solid #e8eaed;transition:background .2s ease;font-size:.9em}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f5f7fa}.search-result-item.no-results{cursor:default;color:#999;text-align:center}.search-result-item.no-results:hover{background:#fff}.header-nav{max-width:1400px;margin:0 auto;padding:0 20px 10px;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.header-nav::-webkit-scrollbar{height:6px}.header-nav::-webkit-scrollbar-track{background:transparent}.header-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.nav-item{padding:8px 15px;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:20px;font-size:.85em;transition:all .3s ease;white-space:nowrap;border:2px solid transparent}.nav-item:hover{background:#fff3;transform:translateY(-2px)}.nav-item.active{background:#ffffff40;border-color:#fff6;font-weight:600}@media(max-width:768px){.header-top{flex-wrap:wrap;padding:10px 15px}.header-brand h1{font-size:1.2em}.header-search{flex:1 1 100%;order:3;margin-top:10px}.header-nav{padding:0 15px 10px;gap:3px}.nav-item{padding:6px 12px;font-size:.8em}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e);padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;overflow:hidden}.login-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:40px 30px;text-align:center}.login-header h1{font-size:2.5em;margin-bottom:10px}.login-header p{opacity:.9;font-size:1.1em}.login-form{padding:40px 30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s}.form-group input:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 3px #2c3e501a}.error-message{background:#fee;color:#c33;padding:15px;border-radius:10px;margin-bottom:20px;border-left:4px solid #c33;font-size:14px}.login-button{width:100%;padding:15px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #2c3e504d}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{padding:20px 30px;background:#f8f9fa;text-align:center;color:#666;font-size:14px}@media(max-width:480px){.login-box{border-radius:10px}.login-header h1{font-size:2em}.login-form{padding:30px 20px}}.quick-links{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:30px 0}.quick-links h3{color:#2c3e50;margin-bottom:20px;font-size:1.5em}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.quick-link-btn{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:15px 20px;border-radius:8px;text-decoration:none;text-align:center;transition:all .3s;font-weight:500;display:block}.quick-link-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #2c3e5066}.section-title{background:#fff;padding:20px 30px;border-radius:10px;margin:40px 0 20px;box-shadow:0 2px 10px #0000000d}.section-title h2{color:#2c3e50;font-size:1.8em}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}.nav-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s;cursor:pointer;text-decoration:none;color:inherit;display:block;border-left:5px solid #2c3e50}.nav-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #2c3e504d;border-left-color:#34495e}.nav-card h3{color:#2c3e50;font-size:1.5em;margin-bottom:15px;display:flex;align-items:center;gap:10px}.nav-card p{color:#666;line-height:1.6}.icon{font-size:1.8em}.start-card{border-left-color:#28a745}.faq-card{border-left-color:#ffc107}@media(max-width:768px){.nav-grid{grid-template-columns:1fr}}.faq-header{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.faq-header h1{color:#2c3e50;margin-bottom:20px}.search-box{width:100%;padding:15px;border:2px solid #2c3e50;border-radius:8px;font-size:16px;transition:all .3s}.search-box:focus{outline:none;border-color:#34495e;box-shadow:0 0 10px #2c3e5033}.faq-category{background:#fff;padding:30px;margin:20px 0;border-radius:10px;box-shadow:0 2px 10px #0000001a}.faq-category h2{color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #2c3e50;padding-bottom:10px}.faq-item{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #2c3e50}.faq-item h3{color:#333;margin-bottom:10px;font-size:1.1em}.faq-item p{color:#555;line-height:1.6}.no-results{background:#fff;padding:40px;text-align:center;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#666}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1400px;margin:0 auto;padding:20px;flex:1}.block{background:#fff;padding:30px;margin:20px 0;border-radius:10px;box-shadow:0 2px 10px #0000001a}.block h2{color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #2c3e50;padding-bottom:10px}.block img{max-width:70%;border-radius:8px;margin:15px 0;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .3s}.block img:hover{transform:scale(1.02)}.description{line-height:1.8;color:#555;margin:15px 0}.description ul{margin:10px 0;padding-left:25px}.description li{margin:8px 0}.navigation-arrows{display:flex;justify-content:space-between;margin:30px 0;gap:20px}.nav-arrow{flex:1;padding:20px;background:#fff;border-radius:10px;text-decoration:none;color:#2c3e50;box-shadow:0 2px 10px #0000001a;transition:all .3s;text-align:center;cursor:pointer}.nav-arrow:hover{transform:translateY(-5px);box-shadow:0 5px 20px #2c3e504d}.nav-arrow h3{margin-bottom:10px}@media(max-width:768px){.navigation-arrows{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#e8eaed}#root{min-height:100vh}