@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-deep: #0a0f1e;--bg-card: rgba(15, 23, 42, .6);--bg-card-solid: #0f172a;--cyan: #00d4ff;--amber: #ffaa00;--green: #22c55e;--red: #ef4444;--text: #e2e8f0;--text-dim: #94a3b8;--glass-border: rgba(0, 212, 255, .15);--radius: 16px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg-deep);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}h1,h2,h3,h4{font-family:Bebas Neue,sans-serif;letter-spacing:.05em}.c-cyan{color:var(--cyan)}.c-amber{color:var(--amber)}.c-green{color:var(--green)}.c-red{color:var(--red)}.app-wrapper{position:relative;z-index:1;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0a0f1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.logo{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--cyan);display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo svg{width:28px;height:28px}.logo-6{font-size:2.2rem;background:linear-gradient(135deg,var(--cyan),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-right:-2px}.header-actions{display:flex;gap:12px;align-items:center}.btn-icon{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-dim);width:40px;height:40px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-icon:hover{color:var(--cyan);border-color:var(--cyan)}.btn-icon.active{color:var(--cyan)}.tab-nav{display:flex;gap:4px;padding:8px;background:#0a0f1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);position:fixed;bottom:0;left:0;right:0;z-index:100}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:none;border:none;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;cursor:pointer;border-radius:12px;transition:var(--transition)}.tab-btn svg{width:22px;height:22px}.tab-btn.active{color:var(--cyan);background:#00d4ff1a}.tab-btn:hover{color:var(--cyan)}.main{padding:24px 24px 100px;max-width:900px;margin:0 auto}.page{display:none;animation:fadeSlideUp .4s ease}.page.active{display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;transition:var(--transition)}.glass:hover{border-color:#00d4ff4d}.hero{text-align:center;margin-bottom:32px}.hero-title{font-size:clamp(3rem,10vw,5rem);color:var(--text);margin-bottom:8px;animation:heroFadeUp .8s ease both}.hero-6{font-size:1.2em;background:linear-gradient(135deg,var(--cyan),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:-.02em}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tagline{color:var(--text-dim);font-size:1.15rem;min-height:1.8em;animation:heroFadeUp .8s ease .3s both}.tagline .tl{opacity:0;animation:letterIn .04s ease forwards}@keyframes letterIn{to{opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.stat-card{text-align:center;padding:20px 16px}.stat-value{font-family:Bebas Neue,sans-serif;font-size:2.5rem;line-height:1;margin-bottom:4px}.stat-value.cyan{color:var(--cyan)}.stat-value.amber{color:var(--amber)}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.stat-label{color:var(--text-dim);font-size:.85rem;font-weight:500}.fuel-gauge{margin-bottom:32px}.fuel-gauge-label{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:600}.fuel-gauge-label span:last-child{color:var(--cyan)}.fuel-track{height:16px;background:#0f172acc;border-radius:100px;border:1px solid var(--glass-border);overflow:hidden}.fuel-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--red),var(--amber),var(--green));transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.fuel-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 100px 100px 0}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.module-card{cursor:pointer;padding:28px 20px;text-align:center;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--amber));opacity:0;transition:var(--transition)}.module-card:hover:before{opacity:1}.module-card .icon{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.icon.cyan-bg{background:#00d4ff26;color:var(--cyan)}.icon.amber-bg{background:#ffaa0026;color:var(--amber)}.icon.green-bg{background:#22c55e26;color:var(--green)}.icon.red-bg{background:#ef444426;color:var(--red)}.module-card h3{font-size:1.3rem;margin-bottom:6px}.module-card p{color:var(--text-dim);font-size:.85rem}.quote-box{text-align:center;padding:20px;font-style:italic;color:var(--text-dim);border-left:3px solid var(--cyan)}.quote-box .author{display:block;margin-top:8px;color:var(--cyan);font-style:normal;font-weight:600;font-size:.85rem}.qcm-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.qcm-modes{display:flex;gap:8px}.btn{font-family:DM Sans,sans-serif;font-weight:600;padding:10px 20px;border-radius:12px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:var(--transition);font-size:.9rem}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn.active,.btn.primary{background:var(--cyan);color:var(--bg-deep);border-color:var(--cyan)}.btn.primary:hover{background:#00bde0}.btn.small{padding:6px 14px;font-size:.8rem}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cat-btn{padding:6px 14px;border-radius:100px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-dim);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;transition:var(--transition)}.cat-btn:hover,.cat-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00d4ff1a}.question-container{max-width:700px;margin:0 auto}.question-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;color:var(--text-dim)}.progress-bar{flex:1;height:6px;background:#0f172acc;border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber));border-radius:100px;transition:width .5s ease}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;background:#ffaa0026;color:var(--amber);font-weight:700;font-size:.85rem;animation:streakPulse .5s ease}@keyframes streakPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.question-card{padding:32px;margin-bottom:20px}.question-category{display:inline-block;padding:4px 12px;border-radius:100px;background:#00d4ff1a;color:var(--cyan);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.question-text{font-size:1.2rem;font-weight:600;line-height:1.5;margin-bottom:24px}.answers{display:flex;flex-direction:column;gap:12px}.answer-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.95rem;cursor:pointer;transition:var(--transition);text-align:left;width:100%}.answer-btn:hover:not(.disabled){border-color:var(--cyan);background:#00d4ff0d}.answer-btn .letter{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:#00d4ff1a;color:var(--cyan);flex-shrink:0}.answer-btn.correct{border-color:var(--green);background:#22c55e1a}.answer-btn.correct .letter{background:var(--green);color:var(--bg-deep)}.answer-btn.wrong{border-color:var(--red);background:#ef44441a}.answer-btn.wrong .letter{background:var(--red);color:#fff}.answer-btn.disabled{cursor:default;opacity:.6}.answer-btn.disabled.correct,.answer-btn.disabled.wrong{opacity:1}.explanation{margin-top:20px;padding:16px 20px;border-radius:12px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);font-size:.9rem;line-height:1.6;animation:fadeSlideUp .3s ease}.explanation strong{color:var(--cyan)}.next-btn{margin-top:20px;width:100%}.exam-timer{display:flex;align-items:center;gap:8px;font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--amber)}.exam-timer.danger{color:var(--red);animation:timerBlink 1s infinite}@keyframes timerBlink{50%{opacity:.5}}.exam-results{text-align:center}.exam-results h2{font-size:2.5rem;margin-bottom:8px}.score-big{font-family:Bebas Neue,sans-serif;font-size:5rem;line-height:1;margin:16px 0}.score-big.pass{color:var(--green)}.score-big.fail{color:var(--red)}.verdict{font-size:1.2rem;font-weight:600;margin-bottom:24px}.flashcard-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.flashcard-wrapper{perspective:1200px;max-width:400px;margin:0 auto 24px}.flashcard{width:100%;aspect-ratio:3/4;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid var(--glass-border);background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.flashcard-back{transform:rotateY(180deg);text-align:center}.flashcard-back h3{font-size:1.5rem;color:var(--cyan);margin-bottom:16px}.flashcard-back .info{margin-bottom:8px;font-size:.95rem}.flashcard-back .info strong{color:var(--amber)}.flashcard-back .mnemonic{margin-top:16px;padding:12px;border-radius:8px;background:#ffaa001a;border:1px solid rgba(255,170,0,.2);color:var(--amber);font-size:.85rem;font-style:italic}.flashcard-actions{display:flex;gap:12px;justify-content:center;max-width:500px;margin:0 auto}.flashcard-actions .btn{flex:1}.fc-know{border-color:var(--green)!important;color:var(--green)!important}.fc-know:hover{background:#22c55e1a!important}.fc-miss{border-color:var(--red)!important;color:var(--red)!important}.fc-miss:hover{background:#ef44441a!important}.fc-counter{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.recap-section{margin-bottom:32px}.recap-section h2{font-size:1.8rem;color:var(--cyan);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--glass-border)}.recap-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.recap-tab-content{display:none;animation:fadeSlideUp .3s ease}.recap-tab-content.active{display:block}.recap-table{width:100%;border-collapse:collapse;font-size:.9rem}.recap-table th{background:#00d4ff1a;color:var(--cyan);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--glass-border)}.recap-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.recap-table tr:hover td{background:#00d4ff08}.nav-lights-diagram{display:flex;justify-content:center;margin:24px 0}.buoys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:16px 0}.buoy-mini{text-align:center;padding:16px 8px}.buoy-mini svg{margin-bottom:8px}.buoy-mini .name{font-weight:600;font-size:.85rem;margin-bottom:4px}.buoy-mini .desc{color:var(--text-dim);font-size:.75rem}.vhf-card{padding:20px;margin-bottom:12px}.vhf-card h4{font-size:1.2rem;margin-bottom:8px}.vhf-card.mayday h4{color:var(--red)}.vhf-card.panpan h4{color:var(--amber)}.vhf-card.securite h4{color:var(--cyan)}.vhf-card ol,.vhf-card ul{padding-left:20px;font-size:.9rem;line-height:1.8}.settings-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:24px}.settings-modal.open{display:flex}.settings-panel{background:var(--bg-card-solid);border:1px solid var(--glass-border);border-radius:var(--radius);padding:32px;max-width:400px;width:100%}.settings-panel h2{font-size:1.5rem;margin-bottom:20px;color:var(--cyan)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-row label{font-weight:500}.toggle{width:48px;height:26px;background:#ffffff1a;border-radius:100px;position:relative;cursor:pointer;transition:var(--transition);border:none}.toggle.on{background:var(--cyan)}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.toggle.on:after{left:25px}.btn-danger{background:#ef444426;border:1px solid var(--red);color:var(--red);width:100%;margin-top:16px}.btn-danger:hover{background:var(--red);color:#fff}@media(max-width:600px){.main{padding:16px 16px 90px}.question-card{padding:20px}.question-text{font-size:1.05rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.modules-grid{grid-template-columns:1fr}.qcm-header{flex-direction:column;align-items:stretch}.flashcard-wrapper{max-width:300px}.flashcard-actions{flex-wrap:wrap}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}