*{box-sizing:border-box}body{margin:0;background:#041525;color:#edf4ff;font:15px/1.55 Inter,Arial,sans-serif}header{height:72px;display:flex;align-items:center;gap:34px;padding:0 28px;background:#061a2c;border-bottom:1px solid #183952;position:sticky;top:0;z-index:3}.brand{display:flex;gap:12px;align-items:center;color:#f7bd4b;font-weight:800;letter-spacing:1.5px;font-size:20px;min-width:340px}.brand small{display:block;color:#b9cbe0;font-size:10px;font-weight:500;letter-spacing:1px}.search{background:#0a2238;border:1px solid #294861;border-radius:24px;padding:10px 18px;flex:1;color:#c5d5e5}.user{color:#d8e6f5}aside{position:fixed;top:72px;bottom:0;width:250px;background:#061b2d;border-right:1px solid #19364c;padding:24px 14px;overflow:auto}aside h3{font-size:11px;letter-spacing:1.5px;color:#91a9c0;margin:8px 10px 12px}aside a{display:block;padding:9px 11px;border-radius:7px;color:#dce8f5;text-decoration:none;font-size:13px}aside a.active{background:#3c382b;color:#ffca59}aside hr{border:0;border-top:1px solid #244157;margin:18px 0}main{margin-left:250px;padding:0 28px 50px}.hero{margin:0 -28px;padding:46px 34px;min-height:260px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#071a2deF,#071a2d80),url('assets/hero-aircraft.jpg') center/cover;border-bottom:1px solid #31516a}.eyebrow{color:#f8c35c;font-size:12px;letter-spacing:1.8px;font-weight:700}.hero h1{font-size:40px;margin:4px 0}.hero p{font-size:18px;margin:0 0 20px}.button,button{background:#f5bd4e;color:#08192a;border:0;border-radius:7px;padding:13px 22px;font-weight:800}.progress{background:#071c30eF;border:1px solid #35536c;border-radius:12px;padding:18px;width:245px}.progress strong{float:right;color:#ffca59;font-size:24px}.progress small{color:#b7c8d8}.bar{height:8px;background:#20384d;border-radius:9px;margin:18px 0 9px}.bar i{display:block;width:17%;height:100%;background:#f4bd4f;border-radius:9px}.chips{display:flex;gap:12px;margin:16px 0 26px;flex-wrap:wrap}.chips span{border:1px solid #29465d;border-radius:8px;padding:8px 13px;color:#d9e8f6;background:#0a2034}h2{font-size:24px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px}.lessons,article{background:#071d30;border:1px solid #24435b;border-radius:12px;padding:20px}.lessons a{display:block;padding:12px 10px;border-bottom:1px solid #1d394e;color:#d7e5f2;font-size:13px}.lessons .selected{color:#ffca59;background:#122b40;border-left:3px solid #f3bc4d}article h2{margin:5px 0 12px}article p{color:#c7d6e5}.photo-note{margin:20px 0;padding:38px 20px;text-align:center;border:1px dashed #9b793c;border-radius:10px;background:linear-gradient(120deg,#0c2b43,#152b3c);color:#f4c35d;font-weight:700}.photo-note small{color:#b8c9d9;font-weight:400}.lesson-section{padding:16px 0;border-bottom:1px solid #203b50}.lesson-section h3{color:#f6c35b}.lesson-section li{margin:6px 0;color:#d3dfeb}.lesson-section table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.lesson-section td,.lesson-section th{border:1px solid #2a465b;padding:9px;text-align:left;vertical-align:top}.lesson-section th{color:#f4c35b;background:#102b40}.callout{padding:12px 15px;background:#152b3d;border-left:3px solid #e9b64d;border-radius:5px;color:#dbe7f1}.quiz{margin-top:26px;padding:18px;background:#0b263c;border-radius:10px}.question{padding:14px 0;border-bottom:1px solid #29445a}.question button{display:block;width:100%;text-align:left;margin:7px 0;background:#102f48;color:#e8f2fc;border:1px solid #35546c;font-weight:500}.question button:hover{border-color:#f2bd4e}.feedback{color:#f3c15b;font-weight:700}.source{font-size:12px;color:#93a9bc;margin-top:28px}@media(max-width:900px){aside{display:none}main{margin:0;padding:0 14px 30px}.hero{margin:0 -14px;padding:30px 18px;gap:14px}.progress{width:180px}.layout{grid-template-columns:1fr}header{padding:0 14px}.brand{min-width:auto}.search{display:none}}
.search-input{background:#0a2238;border:1px solid #294861;border-radius:24px;padding:10px 18px;flex:1;color:#eaf3fc;min-width:100px}.search-input::placeholder{color:#9fb3c7}.user-dot{display:inline-block;width:8px;height:8px;background:#d8aa48;border-radius:50%;margin-right:8px}.hero{background:linear-gradient(110deg,#061a2ded,#092b42d9),radial-gradient(ellipse at 75% 20%,#28516b,#071a2d 70%)}.hero-meta{display:flex;gap:9px;flex-wrap:wrap}.hero-meta span{font-size:12px;border:1px solid #456078;border-radius:30px;padding:6px 10px;color:#d7e6f2}.intro{color:#aebfd0;max-width:850px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;margin:18px 0 30px}.subject-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;min-height:150px;background:#092238;color:#e9f2fa;border:1px solid #29485f;border-radius:11px;padding:17px;cursor:pointer}.subject-card:hover{border-color:#e9b64d;transform:translateY(-1px)}.subject-card small{color:#a9bdcf;font-weight:400}.subject-code{color:#f2c15b;font-size:12px;letter-spacing:1.5px}.subject-foot{margin-top:auto;color:#eec15d;font-size:12px}.lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px}.lesson-link{display:block;width:100%;text-align:left;background:transparent;color:#dce8f5;border:0;border-bottom:1px solid #1d394e;border-radius:0;padding:12px 9px;font-weight:500}.lesson-link.selected,.lesson-link:hover{color:#ffca59;background:#122b40}.crumb{color:#9eb4c8;font-size:12px;margin:15px 0}.option{display:flex;align-items:flex-start;gap:10px;margin:8px 0;padding:10px;border:1px solid #29475d;border-radius:7px;color:#dce8f5}.option input{margin-top:4px;accent-color:#eab84f}.feedback.correct{color:#7fd2a4}.feedback.incorrect{color:#f2a28e}.quiz button{margin-top:12px}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.secondary{background:#18364d;color:#eaf2fa;border:1px solid #35536b}.progress-details{border:1px solid #29465d;border-radius:10px;overflow:hidden}.progress-row{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid #29465d}.progress-row b{color:#eec15d;font-size:12px}.muted{color:#aabccd}footer{border-top:1px solid #25435a;padding:25px 0;color:#8199ae;font-size:12px;margin-top:35px}@media(max-width:900px){.lesson-layout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.progress{width:100%}.progress-row{flex-direction:column;gap:4px}}

/* Korisnički račun */
.account-btn{margin-left:12px;border:1px solid #b89553;background:transparent;color:#e6c98d;border-radius:7px;padding:8px 13px;font:inherit;cursor:pointer}
.auth-modal[hidden]{display:none}.auth-modal{position:fixed;inset:0;z-index:1000;background:rgba(3,9,18,.82);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}
.auth-card{position:relative;width:min(460px,100%);max-height:90vh;overflow:auto;background:#101d2c;border:1px solid #80683d;border-radius:16px;padding:30px;box-shadow:0 24px 80px #0009}
.auth-card h2{margin:8px 0 10px;color:#f4e8d1}.auth-card label{display:block;margin:15px 0 6px;color:#d9c7a4;font-size:13px}.auth-card input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #405064;border-radius:7px;background:#091321;color:#fff;font:inherit}.auth-card form>button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:7px;background:#b89553;color:#111a25;font-weight:700;cursor:pointer}.auth-close{position:absolute;right:17px;top:12px;background:none;border:0;color:#e9dfcd;font-size:28px;cursor:pointer}.auth-switch{display:block;margin:13px auto 0;background:none;border:0;color:#dfc58e;text-decoration:underline;cursor:pointer}.auth-legal{margin-top:22px;color:#9eabb8;font-size:11px;line-height:1.55}.auth-card small{color:#99a6b3}
/* EASA weekly regulatory updates */
.easa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;color:var(--muted)}
.easa-list{display:grid;gap:16px}.easa-card,.easa-empty{background:rgba(13,31,49,.78);border:1px solid var(--line);border-radius:12px;padding:20px}.easa-card h3{margin:10px 0;color:var(--gold);font-size:20px}.easa-card p{white-space:pre-wrap;line-height:1.7}.easa-card a{color:var(--gold);font-weight:700;text-decoration:none}.easa-card a:hover{text-decoration:underline}.easa-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.easa-empty{color:var(--muted)}

.source-search{margin:18px 0}.source-search input{width:min(100%,680px);padding:13px 15px;border:1px solid #cbd2dc;border-radius:8px;font:inherit}
.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.source-card{display:block;text-align:left;padding:18px;border:1px solid #d7dce4;border-radius:12px;background:#fff;color:#17243a;cursor:pointer}
.source-card b{display:block;margin:8px 0}.source-card small{color:#697589}.source-card:hover{border-color:#b28b43;box-shadow:0 5px 18px #17243a12}
.source-reader-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0}
.source-page{background:#f3f5f8;padding:16px;margin:16px 0;border-radius:10px}
.source-page img{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 3px 15px #0002}
.source-page details{margin:10px auto;max-width:900px;background:white;padding:10px 14px;border-radius:7px}
.source-page details p{white-space:pre-wrap;line-height:1.6}
.source-page small{display:block;text-align:center;color:#667085;margin-bottom:8px}
.source-back{padding:9px 14px;border-radius:7px;border:1px solid #cbd2dc;background:white;cursor:pointer}
@media(max-width:700px){.source-page{padding:6px}.source-page details{font-size:14px}}


/* Pristup sadržaju samo nakon prijave. */
body.auth-required aside, body.auth-required .chips, body.auth-required main>section:not(.hero), body.auth-required footer { display:none !important; }
body.auth-required .hero { min-height:360px; }
body.auth-required .hero .progress { display:none; }
body.auth-required .hero-copy { max-width:760px; }
body.auth-required .hero-copy::after { content:'Za pristup nastavnim materijalima, izvornoj knjižnici i kvizovima prijavite se korisničkim računom.'; display:block; margin-top:24px; padding:18px 20px; border:1px solid rgba(201,164,94,.45); border-radius:12px; color:#e9dfcd; background:rgba(8,24,42,.55); max-width:560px; line-height:1.6; }

/* Pilotski klub — osvježena naslovnica */
:root{--navy:#061a2c;--navy2:#0b2b45;--gold:#f3bd4d;--blue:#2786ef;--line:#29485f;--muted:#aebfd0}
body{background:#071a2b;color:#edf4ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
header{height:76px;padding:0 30px;gap:26px;background:rgba(4,22,39,.97);border-bottom:1px solid rgba(115,156,190,.22);box-shadow:0 8px 28px #00101d30}
.brand{min-width:275px;gap:13px;color:#f6f8fc;font-size:20px;letter-spacing:1.2px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#f6c75d,#d99627);color:#061a2c;font-size:25px;box-shadow:0 5px 18px #e6a93640}.brand small{color:#9eb6ca;font-size:9px;letter-spacing:1.7px;margin-top:2px}
.search-input{background:#102d45;border-color:#31516a}.account-btn{background:#1678e8;border:0;color:white;border-radius:8px;padding:10px 17px;font-weight:750}.user{font-size:13px;white-space:nowrap}
aside{top:76px;background:#061a2c;border-right-color:#183b55}aside a{padding:10px 12px;border-radius:9px}aside a.active,aside a:hover{background:#14334d;color:#ffd16b}
main{padding:0 30px 54px}.hero{position:relative;isolation:isolate;overflow:hidden;margin:0 -30px;padding:54px 46px 34px;min-height:430px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(90deg,rgba(3,18,32,.96) 0%,rgba(4,22,38,.78) 42%,rgba(4,22,38,.12) 100%),url('assets/hero-aircraft.jpg') center 48%/cover;border-bottom:1px solid #35536b}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(2,13,24,.72),transparent 40%)}.hero-copy{max-width:650px}.eyebrow{color:#f7c75e;letter-spacing:2px}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.04;letter-spacing:-2px;margin:10px 0 8px;font-weight:850}.hero h1 em{font-style:normal;color:#f5bd4e}.hero-copy h2{font-size:clamp(22px,2.3vw,30px);margin:0 0 12px;color:#f3f7fc}.hero-lead{max-width:590px;color:#d1dfeb;font-size:17px;line-height:1.65;margin:0 0 22px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-actions button{background:linear-gradient(135deg,#ffd36b,#efa92d);color:#132437;border-radius:9px;padding:14px 21px;box-shadow:0 8px 22px #e6a93635}.hero-secondary{display:inline-block;color:#f3f7fc;text-decoration:none;border:1px solid #a9bdcf;border-radius:9px;padding:12px 17px;background:#061a2c55}.hero-benefits{display:flex;gap:22px;flex-wrap:wrap;margin-top:29px;color:#edf4fc;font-weight:650;font-size:13px}.hero-benefits span{padding:8px 0;text-shadow:0 2px 6px #000}
.progress{background:rgba(5,24,41,.88);border:1px solid #7692a866;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 15px 45px #0005}.progress strong{color:#ffd16b}.bar i{background:linear-gradient(90deg,#f0b43d,#ffe08b)}
.chips{margin:18px 0 30px;gap:10px}.chips span{background:#0d2a42;border-color:#294c66;border-radius:30px;padding:8px 15px;color:#dce9f5;font-size:12px}
.section-heading{margin:28px 0 18px}.section-heading h2{font-size:30px;line-height:1.15;margin:5px 0 7px}.section-heading h2 em{font-style:normal;color:#62a9ff}.section-heading .intro{margin:0}.section-heading.compact{margin-top:36px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 34px}.feature-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;min-height:230px;padding:20px;border:1px solid #44617a;border-radius:15px;color:#fff;background:linear-gradient(0deg,rgba(3,16,28,.96),rgba(3,16,28,.08) 78%),var(--card-image) center/cover;box-shadow:0 10px 26px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#1c5d8830,transparent 60%)}.feature-card:hover{transform:translateY(-4px);border-color:#f4c45b;box-shadow:0 16px 32px #0005}.feature-card b{font-size:20px;margin:8px 0 3px}.feature-card small{font-size:13px;color:#e0eaf3;max-width:240px}.feature-card i{font-style:normal;color:#ffd36b;font-size:12px;font-weight:750;margin-top:14px}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2bd4b;color:#071a2b;font-size:23px;font-weight:800}
.subject-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.subject-card{position:relative;overflow:hidden;min-height:165px;background:linear-gradient(135deg,#10324c,#092137);border-color:#294c66;border-radius:13px;padding:18px;box-shadow:0 8px 22px #0002}.subject-card::after{content:"";position:absolute;right:-25px;top:-35px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#3d82ae30,transparent 68%);pointer-events:none}.subject-card b{font-size:16px}.subject-card:hover{border-color:#f4c45b;transform:translateY(-3px)}.subject-code{color:#ffd16b}.subject-foot{color:#ffd16b}
footer{border-color:#25435a;color:#8fa8bc}.auth-card{border-color:#3f6681;background:#0b2034}.auth-card form>button{background:#f3bd4d;color:#091a2a}.auth-switch{color:#ffd16b}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:390px}.progress{width:220px}}
@media(max-width:700px){header{height:auto;min-height:68px;padding:10px 14px;gap:10px;flex-wrap:wrap}.brand{min-width:0;flex:1;font-size:17px}.brand-mark{width:36px;height:36px}.user{font-size:0}.user-dot{display:none}.account-btn{font-size:12px;margin:0;padding:9px 12px}.search-input{order:3;flex-basis:100%;width:100%}aside{top:0}main{padding:0 14px 35px}.hero{margin:0 -14px;padding:34px 18px 26px;min-height:470px;background-position:58% center}.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-benefits{gap:8px 15px;font-size:11px}.progress{width:100%;max-width:320px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:185px;padding:14px}.feature-card b{font-size:16px}.feature-card small{font-size:11px}.section-heading h2{font-size:25px}}
@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:170px}.hero h1{font-size:38px}}