.home-container{max-width:1200px;margin:0 auto;padding:20px}.hero-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:60px;padding:40px;background:linear-gradient(135deg,#2d5b7a,#1e3a5f);border-radius:16px;color:#fff;box-shadow:0 10px 30px #00000026}.hero-content{flex:1;min-width:300px;padding-right:30px}.logo{display:flex;align-items:center;margin-bottom:20px}.logo-icon{font-size:42px;margin-right:15px}.logo h1{font-size:36px;font-weight:700;margin:0;background:linear-gradient(90deg,#a8e063,#56ab2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section h2{font-size:28px;font-weight:600;margin-bottom:15px}.hero-description{font-size:18px;line-height:1.6;opacity:.9}.hero-graphic{flex:1;min-width:300px;display:flex;justify-content:center}.code-block{background:#0000004d;padding:20px;border-radius:8px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:16px;line-height:1.8;border-left:4px solid #a8e063}.code-highlight{color:#a8e063;font-weight:600}.code-string{color:#ff9a76}.features-section{margin-bottom:50px}.features-section h3{text-align:center;font-size:28px;margin-bottom:40px;color:#2d5b7a;position:relative}.features-section h3:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#2d5b7a,#a8e063);margin:15px auto 0;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.feature-icon{font-size:40px;margin-bottom:20px}.feature-card h4{font-size:20px;margin-bottom:15px;color:#2d5b7a}.feature-card p{margin-bottom:15px;color:#555;line-height:1.6}.feature-card ul{padding-left:20px;color:#666}.feature-card li{margin-bottom:8px;line-height:1.5}.security-notice{display:flex;align-items:center;background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:40px;border-left:5px solid #2D5B7A}.lock-icon{font-size:36px;margin-right:20px;color:#2d5b7a}.security-content h4{margin:0 0 8px;color:#2d5b7a}.security-content p{margin:0;color:#666}.default-credentials{text-align:center;margin-bottom:50px}.default-credentials h4{color:#2d5b7a;margin-bottom:20px}.credential-box{display:inline-flex;flex-direction:column;background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:15px;border:1px solid #e9ecef}.credential-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-width:250px}.credential-item:last-child{margin-bottom:0}.credential-label{font-weight:600;margin-right:15px;color:#495057}.credential-value{background:#2d5b7a;color:#fff;padding:6px 12px;border-radius:6px;font-family:monospace}.small-note{font-size:14px;color:#6c757d;margin:0}.tech-stack{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px}.stack-label{font-weight:600;color:#495057;margin-bottom:15px}.stack-items{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.stack-item{background:#fff;padding:8px 16px;border-radius:20px;font-size:14px;color:#2d5b7a;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000000d}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;padding:30px 20px}.hero-content{padding-right:0;margin-bottom:30px}.logo{justify-content:center}.features-grid{grid-template-columns:1fr}.security-notice{flex-direction:column;text-align:center}.lock-icon{margin-right:0;margin-bottom:15px}.credential-item{flex-direction:column;gap:8px}}.exam-container{max-width:800px;margin:0 auto;padding:20px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2D5B7A;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-questions{text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;color:#6c757d}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.exam-header h2{color:#2d5b7a;margin:0}.exam-info{display:flex;gap:20px}.timer,.strikes{display:flex;align-items:center;gap:8px;font-weight:600;padding:8px 12px;border-radius:6px;background:#f8f9fa}.time-warning{color:#dc3545;font-weight:700}.warning-banner{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:20px;border-left:4px solid #ffc107;display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-progress{height:6px;background:#e9ecef;border-radius:3px;margin-bottom:20px;overflow:hidden}.time-progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width 1s linear}.exam-instructions{background:#e7f3ff;padding:15px;border-radius:6px;margin-bottom:25px;border-left:4px solid #2196F3}.exam-instructions p{margin:0 0 10px;color:#0b5ed7}.exam-duration{font-weight:600;color:#2d5b7a!important;margin-bottom:0!important}.questions-container{margin-bottom:30px}.question-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:20px}.question-header{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.question-number{font-weight:600;color:#2d5b7a}.question-subject{color:#6c757d;font-style:italic}.question-text{font-size:18px;margin-bottom:20px;line-height:1.5}.options-container{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:center;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.option-item:hover{border-color:#2d5b7a;background:#f8f9fa}.option-input{display:none}.option-input:checked+.option-marker{background:#2d5b7a;border-color:#2d5b7a}.option-input:checked+.option-marker:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#fff;margin:3px}.option-marker{width:20px;height:20px;border:2px solid #dee2e6;border-radius:50%;margin-right:12px;transition:all .2s ease}.option-text{flex:1}.exam-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:2px solid #e9ecef}.submit-btn{background:#2d5b7a;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.submit-btn:hover:not(:disabled){background:#1e3a5f}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.answer-stats{color:#6c757d;font-weight:500}@media (max-width: 768px){.exam-header{flex-direction:column;gap:15px;align-items:flex-start}.exam-info{width:100%;justify-content:space-between}.exam-footer{flex-direction:column;gap:15px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:20px}nav{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}nav a{text-decoration:none;color:#4a6cf7;font-weight:500}nav a:hover{text-decoration:underline}.spacer{flex:1}.badge{background:#4a6cf7;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}button{background:#4a6cf7;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}button:hover{background:#3a5cd8}.card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1,h2,h3{margin-bottom:15px;color:#2d3748}p{margin-bottom:15px}.small{font-size:14px;color:#718096}.warn{color:#e53e3e;background:#fed7d7;padding:10px;border-radius:4px}.row{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.col{display:flex;flex-direction:column;flex:1;min-width:200px}label{font-weight:500;margin-bottom:5px}input{padding:10px;border:1px solid #e2e8f0;border-radius:4px}.table{width:100%;border-collapse:collapse;margin-top:15px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.table th{background:#f7fafc;font-weight:600}.opt{margin-bottom:15px;padding:15px;border:1px solid #e2e8f0;border-radius:4px}.kbd{background:#edf2f7;padding:2px 6px;border-radius:4px;font-family:monospace}hr{margin:20px 0;border:none;border-top:1px solid #e2e8f0}