{# Stiluri comune landing + pagini statice publice (termeni, confidentialitate, contact, documentatie API). #}
<style>

    /* IBM Plex eliminat complet — stive font sistem standard web.
       Tokenurile --font-ui / --font-mono definite in :root (sursa unica de adevar). */
    :root{--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Segoe UI Mono","Roboto Mono",Menlo,Consolas,monospace;}
    *{box-sizing:border-box;}
    html,body{margin:0;padding:0;}
    body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);}
    body[data-theme="grafit"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
    body[data-theme="cobalt"]{--bg:#080d1c;--card:#111a33;--card2:#0b1226;--text:#e9ecfb;--sub:#8a93b8;--line:#1d2747;--line2:#161f3a;--accent:#4068FF;--hbg:rgba(8,13,28,.9);--okt:#2fd0a6;--infot:#8aa0ff;--errt:#f06a7a;--mut:#5a6390}
    body[data-theme="cupru"]{--bg:#15110b;--card:#211a12;--card2:#15110b;--text:#efe6d6;--sub:#a89a85;--line:#36291c;--line2:#281e14;--accent:#D98A3D;--hbg:rgba(21,17,11,.9);--okt:#67b98c;--infot:#dfa45c;--errt:#e2685a;--mut:#6d5f4c}
    body[data-theme="hartie"]{--bg:#f3efe6;--card:#fffdf7;--card2:#f3efe6;--text:#1e1a13;--sub:#6a6052;--line:#e2dccc;--line2:#ece6d9;--accent:#1F5FBF;--hbg:rgba(255,253,247,.92);--okt:#1c7d5d;--infot:#1F5FBF;--errt:#bd463c;--mut:#9a8f7d}
    /* Teme aliniate cu aplicatia (base.html) — acelasi set de 8; 'auto' se rezolva la light/dark. */
    body[data-theme="light"]{--bg:#f5f7fa;--card:#ffffff;--card2:#f5f7fa;--text:#1a1d24;--sub:#5c6473;--line:#e2e5ea;--line2:#eaedf2;--accent:#1F66C9;--hbg:rgba(245,247,250,.9);--okt:#15803d;--infot:#1F66C9;--errt:#dc2626;--mut:#8a92a0}
    body[data-theme="dark"]{--bg:#0f1218;--card:#181c24;--card2:#0f1218;--text:#e6e9ef;--sub:#8b93a7;--line:#262b36;--line2:#1f2530;--accent:#2E74D6;--hbg:rgba(15,18,24,.88);--okt:#2FBF8F;--infot:#6ea2ec;--errt:#E05D5D;--mut:#5c6473}
    body[data-theme="petrol"]{--bg:#0e1416;--card:#161e20;--card2:#0e1416;--text:#e6e9ef;--sub:#8b93a7;--line:#232c2e;--line2:#1c2426;--accent:#0E7C7B;--hbg:rgba(14,20,22,.9);--okt:#2FBF8F;--infot:#3fb9b6;--errt:#E05D5D;--mut:#5c6473}
    .page{width:100%;max-width:1280px;margin:0 auto;background:var(--bg,#0f1218);color:var(--text,#e6e9ef);overflow:hidden;}
    a{text-decoration:none;}
    input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;}
    input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
    input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--line,#262b36);}
    input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}
    input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:99px;background:var(--accent,#2E74D6);cursor:pointer;border:none;}

    @media (max-width:900px){
      .lp-nav{display:none!important;}
      .lp-header{padding:0 18px!important;}
      .lp-h1{font-size:32px!important;line-height:1.1!important;}
      .page [style*="grid-template-columns"]{grid-template-columns:1fr!important;}
      .page [style*="padding:80px 40px"]{padding:48px 20px!important;}
      .page [style*="padding:0 40px 80px"]{padding:0 20px 48px!important;}
      .page [style*="padding:56px 40px 80px"]{padding:36px 20px 48px!important;}
      .page [style*="padding:44px"]{padding:28px!important;}
      .page [style*="padding:56px 40px"]{padding:40px 22px!important;}
      .page [style*="height:68px"]{height:60px!important;}
      .page [style*="gap:56px"]{gap:32px!important;}
      .page [style*="gap:48px"]{gap:28px!important;}
    }
    @media (max-width:560px){
      .lp-h1{font-size:27px!important;}
      .page [style*="padding:10px 40px"]{padding:10px 18px!important;}
      .lp-header{padding:0 12px!important;}
      #theme-label{display:none!important;}
      .lp-hactions{gap:8px!important;}
      .lp-hactions button{height:38px!important;padding:0 11px!important;font-size:13px!important;}
    }
    @media (max-width:430px){
      .lp-hactions a.auth-login-link{display:none!important;}
    }
  </style>
