@font-face{font-family:'Balloon';src:url('/Balloon.otf') format('truetype');font-display:swap;}
    @font-face{font-family:'PGHStencil';src:url('/STENCIL.TTF') format('truetype');font-display:swap;}
    @font-face{font-family:'StardosStencil';src:url('/StardosStencil-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
    @font-face{font-family:'Oswald';src:url('/Oswald-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}

    :root{
      --bg:#0B0F12;
      --card:#11181C;
      --primary:#0E3A46;
      --accent:#036f93;
      --accentHover:#05a0c9;
      --text:#E6EEF2;
      --muted:#9AA7AE;
      --line:rgba(255,255,255,.08);
      --shadow:rgba(0,0,0,.35);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
    main{padding-top:62px;}
    a{color:inherit;text-decoration:none}

    .topbar{
      position:fixed;top:0;left:0;right:0;z-index:999;
      background:linear-gradient(180deg,var(--primary), #0b2a32);
      color:var(--text);
      border-bottom:1px solid var(--line)
    }
    .topbar .wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 14px}
    .brand{display:flex;align-items:baseline;gap:10px;min-width:0}
    .brand .logo{font-family:'Oswald',system-ui,sans-serif;font-size:22px;letter-spacing:.4px;white-space:nowrap}
    .spacer{flex:1}

    nav.desktop{display:flex;gap:10px;align-items:center}
    nav.desktop a{font-family:'Oswald',system-ui,sans-serif;font-weight:700;padding:8px 10px;border-radius:12px;border:1px solid transparent}
    nav.desktop a:hover{background:rgba(255,255,255,.06);border-color:var(--line)}

    .hero{max-width:1100px;margin:0 auto;padding:34px 14px 18px}
    .hero .hero-logo{display:flex;justify-content:center;align-items:center;margin:6px 0 14px;}
    .hero .hero-logo img{
      width:330px;max-width:92%;height:auto;display:block;
      filter:drop-shadow(0 10px 26px var(--shadow));
      border-radius:16px;border:1px solid var(--line);
      background:rgba(255,255,255,.03);
    }
    .hero h1{font-size:42px;line-height:1.05;margin:0 0 10px;font-family:'Oswald',system-ui,sans-serif;text-align:center;}

    .cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
    .btn{display:inline-block;padding:12px 14px;border-radius:14px;font-family:'Oswald',system-ui,sans-serif;font-weight:800;border:1px solid var(--line);cursor:pointer;}
    .btn.primary{background:linear-gradient(180deg, var(--accent), #025a78);border-color:rgba(255,255,255,.10);color:var(--text)}
    .btn.ghost{background:rgba(255,255,255,.05)}

    .section{max-width:1100px;margin:0 auto;padding:18px 14px}
    .card{
      background:linear-gradient(180deg, rgba(17,24,28,.98), rgba(17,24,28,.90));
      border:1px solid var(--line);
      border-radius:18px;
      padding:18px;
      box-shadow:0 18px 40px rgba(0,0,0,.18);
    }
    .section h2{margin:0 0 10px;font-family:'Oswald',system-ui,sans-serif;font-size:24px}
    .prose p{margin:0 0 12px;line-height:1.6}
    .muted{color:var(--muted)}

    .quote{
      margin:12px 0 14px;
      padding:12px 14px;
      border-radius:16px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      color:var(--text);
      box-shadow:0 18px 40px rgba(0,0,0,.12);
    }
    .quote .by{margin-top:8px;color:var(--muted);font-size:13px}

    .author-img-left{
      float:left;
      width:200px;height:200px;
      border-radius:18px;object-fit:cover;border:1px solid var(--line);
      margin:6px 20px 10px 0;
    }
    .author-img-right{
      float:right;
      width:240px;height:160px;
      border-radius:16px;object-fit:cover;border:1px solid var(--line);
      margin:6px 0 12px 20px;
    }
    .clearfix::after{content:'';display:block;clear:both}

    .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .photo-grid a{display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0e1417}
    .photo-grid img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .2s ease}
    .photo-grid a:hover img{transform:scale(1.03)}

    .anchor{scroll-margin-top:90px}

    .promo-banner-wrap{
      max-width:1100px;
      margin:0 auto;
      padding:0 14px;
      position:relative;
      z-index:1;
    }
    .promo-banner{
      display:block;
      width:100%;
      border-radius:0 0 22px 22px;
      overflow:hidden;
      border:1px solid var(--line);
      border-top:none;
      box-shadow:0 22px 50px rgba(0,0,0,.22);
      background:#0d1114;
    }
    .promo-banner img{
      display:block;
      width:100%;
      height:auto;
    }

    .lp-wrap{
      max-width:1100px;
      margin:-30px auto 8px;
      padding:0 14px 8px;
      position:relative;
      z-index:5;
    }
    .lp-shell{width:100%}
    .lp-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,420px);gap:18px;align-items:start}
    .lp-panel{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
    .pc-left{background:linear-gradient(180deg, rgba(17,24,28,.98), rgba(17,24,28,.92));height:100%}
    .pc-left-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;align-items:center;padding:24px}
    .pc-eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
    .pc-subhead{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 18px}
    .pc-note{color:var(--muted);margin:14px 0 0}
    .pc-left-media img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03);box-shadow:0 10px 26px var(--shadow)}
    .pc-right{background:linear-gradient(180deg, rgba(14,58,70,.96), rgba(11,42,50,.94));padding:22px}
    .pc-form-head h2{margin:0 0 8px}
    .pc-form-head p{margin:0 0 14px;color:var(--muted)}
    .pc-alert{padding:12px 14px;border-radius:14px;margin:0 0 14px;border:1px solid var(--line);font-size:14px}
    .pc-alert-success{background:rgba(20,110,70,.22);color:#c7f7df;border-color:rgba(90,220,160,.22)}
    .pc-alert-error{background:rgba(120,30,30,.22);color:#ffd0d0;border-color:rgba(255,120,120,.22)}
    .pc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .pc-field{display:flex;flex-direction:column;gap:6px}
    .pc-field.full{grid-column:1 / -1}
    .pc-field label{font-size:14px;color:var(--text);font-weight:600}
    .pc-field input,.pc-field textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:var(--text);font:inherit}
    .pc-field input::placeholder,.pc-field textarea::placeholder{color:#9fb0b8}
    .pc-field textarea{min-height:120px;resize:vertical}
    .pc-field input:focus,.pc-field textarea:focus{outline:none;border-color:rgba(3,111,147,.95);box-shadow:0 0 0 3px rgba(3,111,147,.2)}
    .pc-checks{display:flex;flex-direction:column;gap:10px;margin:16px 0}
    .pc-checks label{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.5}
    .pc-checks input{margin-top:3px;accent-color:var(--accent)}
    .pc-legal{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}
    .pc-submit{width:100%;padding:13px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, var(--accent), #025a78);color:var(--text);font-family:'Oswald',system-ui,sans-serif;font-weight:800;cursor:pointer}
    .pc-submit:hover{filter:brightness(1.06)}

    @media (max-width:900px){
      .lp-split{grid-template-columns:1fr}
      .pc-left-inner{grid-template-columns:1fr}
      .pc-form-grid{grid-template-columns:1fr}
      .lp-wrap{margin:-20px auto 8px}
    }

    @media (max-width:720px){
      .photo-grid{grid-template-columns:repeat(2,1fr)}
      .photo-grid img{height:180px}
      .author-img-left, .author-img-right{
        float:none;display:block;margin:10px auto;width:100%;max-width:300px;height:auto;
      }
      .topbar .wrap{flex-wrap:wrap;justify-content:center}
      .spacer{display:none}
      nav.desktop{justify-content:center;flex-wrap:wrap}
      .promo-banner{border-radius:0 0 16px 16px}
      .lp-wrap{margin:-14px auto 6px}
    }