@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#f5f8f6;--surface:rgba(255,255,255,.78);--ink:#102d27;--muted:#6b817a;--line:#dbe8e1;--accent:#0e6b50;--shadow:0 20px 60px rgba(16,45,39,.09)}[data-theme=dark]{--bg:#0e1715;--surface:rgba(25,39,35,.88);--ink:#eaf5ef;--muted:#9eb5ab;--line:#2b4239;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;min-height:100vh;transition:background .35s,color .35s}.aurora{position:fixed;inset:-30% -10% auto;height:55vh;background:radial-gradient(circle at 25% 20%,#b9edcf 0,transparent 35%),radial-gradient(circle at 80% 10%,#fde9b6 0,transparent 28%);opacity:.32;filter:blur(40px);pointer-events:none}.topbar,.shell{position:relative;max-width:1180px;margin:auto}.topbar{padding:28px 28px 10px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--accent);font-size:22px;box-shadow:var(--shadow)}.brand b{display:block;font-size:17px;letter-spacing:.04em}.brand small{font:10px 'DM Mono';color:var(--muted);letter-spacing:.18em}.top-actions{display:flex;gap:10px}.icon-btn,.primary-btn,.close,.captcha-row button{border:0;cursor:pointer;font:inherit;transition:transform .2s,box-shadow .2s,background .2s}.icon-btn{width:42px;border-radius:13px;background:var(--surface);color:var(--ink);font-size:20px}.primary-btn{background:var(--accent);color:white;padding:12px 18px;border-radius:13px;box-shadow:0 8px 20px rgba(14,107,80,.2);font-weight:700}.primary-btn:hover,.icon-btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(14,107,80,.2)}.shell{padding:50px 28px 80px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:300px}.eyebrow{font:11px 'DM Mono';color:var(--accent);letter-spacing:.18em;margin:0 0 14px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.05;margin:0;letter-spacing:-.07em}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{max-width:510px;color:var(--muted);line-height:1.8;margin-top:24px}.radar{width:240px;height:240px;border-radius:50%;border:1px solid var(--line);position:relative;display:grid;place-items:center;color:var(--accent);font-size:35px;overflow:hidden;box-shadow:var(--shadow)}.radar:before{content:'';position:absolute;width:50%;height:50%;right:0;bottom:0;background:linear-gradient(135deg,transparent 48%,rgba(14,107,80,.24));transform-origin:0 0;animation:sweep 3s linear infinite}.radar-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.r1{inset:22%}.r2{inset:44%}@keyframes sweep{to{transform:rotate(360deg)}}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.legend{display:flex;gap:17px;color:var(--muted);font-size:13px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.green{background:#28a879}.yellow{background:#e4ac32}.red{background:#dd5b58}.gray{background:#8d9997}.search{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:var(--muted)}.search input{border:0;background:transparent;outline:0;color:var(--ink);width:210px}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flight-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 23px 20px 28px;box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s}.flight-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--status)}.flight-card:hover{transform:translateY(-6px) rotate(.2deg);box-shadow:0 25px 70px rgba(16,45,39,.15)}.card-head,.route,.meta,.card-actions{display:flex;align-items:center;justify-content:space-between}.flight-no{font-size:24px;font-weight:800;letter-spacing:-.04em}.airline{font-size:12px;color:var(--muted);margin-top:4px}.badge{padding:7px 10px;border-radius:99px;background:color-mix(in srgb,var(--status) 13%,transparent);color:var(--status);font-size:12px;font-weight:800}.route{justify-content:flex-start;gap:17px;margin:27px 0 22px}.airport b{font-size:23px}.airport small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.route-line{height:1px;flex:1;background:var(--line);position:relative}.route-line:after{content:'✈';position:absolute;left:50%;top:-11px;color:var(--status);background:var(--surface);padding:0 7px;transform:rotate(90deg)}.meta{border-top:1px solid var(--line);padding-top:15px;gap:10px;justify-content:flex-start}.meta div{min-width:0}.meta label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.meta strong{font-size:13px}.note{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.6}.card-actions{margin-top:18px;justify-content:flex-end;gap:8px}.text-btn{background:transparent;color:var(--muted);border:0;cursor:pointer;font-size:12px}.loading{color:var(--muted);padding:40px}.modal{position:fixed;inset:0;background:rgba(7,20,16,.52);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;z-index:5}.modal[hidden]{display:none}.modal-card{background:var(--bg);border:1px solid var(--line);border-radius:22px;width:min(680px,100%);max-height:90vh;overflow:auto;padding:30px;position:relative;box-shadow:0 30px 90px #0004}.close{position:absolute;right:18px;top:14px;background:transparent;color:var(--muted);font-size:28px}.modal h2{margin:0 0 22px;font-size:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;color:var(--muted)}.hint{display:block;color:var(--accent);font-size:10px;margin-top:5px}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);outline-color:var(--accent);font:inherit}.wide{grid-column:1/-1}.captcha-row{display:flex;gap:8px;align-items:center;margin:7px 0}.captcha-row img{height:46px;width:145px;border-radius:9px}.captcha-row button{background:var(--surface);color:var(--accent);padding:8px;border-radius:9px}.captcha-row+input{margin-top:0}.form-error{color:#d55e5b;min-height:18px;font-size:12px}.submit{width:100%;margin-top:10px}
@media(max-width:700px){.topbar{padding:18px 16px}.shell{padding:30px 16px 50px}.hero{min-height:auto;display:block}.hero h1{font-size:48px}.radar{width:150px;height:150px;margin:35px 0 10px auto}.toolbar{display:block}.legend{flex-wrap:wrap;margin-bottom:14px}.search{display:block}.search input{width:calc(100% - 25px)}.board{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.modal-card{padding:24px 18px}.brand small{display:none}.top-actions .primary-btn{padding:10px 12px;font-size:12px}}