@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;900&family=Fira+Code:wght@400;600&family=Playfair+Display:wght@700;900&display=swap');
:root{--bg:#07070a;--bg2:#0d0d12;--bg3:#111119;--bg4:#171721;--text:#f5f0e6;--text2:#c8c1b6;--text3:#8d8578;--gold:#d4af37;--gold-l:#f4d56a;--gold-d:#9f7d1d;--border:rgba(255,255,255,.09);--border-gold:rgba(212,175,55,.28);--card-bg:rgba(18,18,26,.72);--shadow-gold:0 0 28px rgba(212,175,55,.12);--red:#f87171;--green:#4ade80;--amber:#fbbf24}body[data-theme="light"]{--bg:#f7f1e7;--bg2:#fffaf2;--bg3:#fff5e5;--bg4:#f0e5d4;--text:#1d1812;--text2:#51483c;--text3:#887b69;--card-bg:rgba(255,250,242,.78);--border:rgba(40,28,12,.10)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(212,175,55,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.04) 1px,transparent 1px);background-size:56px 56px}.noise-overlay{position:fixed;inset:0;pointer-events:none;opacity:.035;background:repeating-radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px 3px)}#particles{position:fixed;inset:0;pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;height:64px;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:rgba(7,7,10,.62);backdrop-filter:blur(22px);border-bottom:1px solid var(--border-gold)}.bosaleh-logo{display:flex;align-items:center;gap:10px}.bosaleh-logo-img{height:36px}.bosaleh-logo-text{display:flex;flex-direction:column}.bosaleh-logo-main{font-family:'Playfair Display',serif;color:var(--gold);font-weight:900;letter-spacing:.08em}.bosaleh-logo-sub{font-family:'Fira Code',monospace;font-size:.58rem;color:var(--text3);letter-spacing:2px;text-transform:uppercase}.nav-links{display:flex;list-style:none;gap:24px}.nav-links a{font-size:.84rem;color:var(--text2);transition:.2s}.nav-links a:hover{color:var(--gold)}.nav-right{display:flex;align-items:center;gap:10px}.lang-btn,.theme-btn,.hamburger{border:1px solid var(--border-gold);background:rgba(212,175,55,.06);color:var(--gold);border-radius:10px;padding:8px 10px;cursor:pointer}.hamburger{display:none;flex-direction:column;gap:4px}.hamburger span{display:block;width:18px;height:2px;background:var(--gold)}.mobile-nav{display:none}.page{padding:112px 7vw 60px;min-height:100vh;position:relative;z-index:1}.sec-label{font-family:'Fira Code',monospace;color:var(--gold);letter-spacing:3px;font-size:.68rem;text-transform:uppercase}.sec-title{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,5rem);line-height:1.05;margin-top:10px}.sec-title em{color:var(--gold);font-style:italic}.sec-sub{color:var(--text2);margin-top:14px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 20px;border:1px solid var(--border);cursor:pointer;font-weight:700;transition:.25s}.btn-sm{padding:8px 13px;font-size:.8rem}.btn-full{width:100%}.btn-gold{background:linear-gradient(135deg,var(--gold-d),var(--gold-l));color:#0b0905;border-color:transparent;box-shadow:var(--shadow-gold)}.btn-ghost-gold,.btn-ghost{background:transparent;color:var(--gold);border-color:var(--border-gold)}.btn-danger{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35);color:var(--red)}.code-chip{display:inline-flex;align-items:center;border:1px solid var(--border-gold);background:rgba(212,175,55,.055);color:var(--gold-l);border-radius:999px;padding:6px 10px;font-family:'Fira Code',monospace;font-size:.7rem}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.form-group{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;color:var(--text3);font-size:.75rem;text-transform:uppercase;letter-spacing:1.6px}.form-input,.form-textarea,.form-select{width:100%;border:1px solid var(--border);background:var(--bg4);color:var(--text);border-radius:12px;padding:12px;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}#toast{position:fixed;bottom:20px;right:20px;z-index:9999}.toast{background:var(--bg3);border:1px solid var(--border-gold);padding:12px 16px;border-radius:12px;color:var(--text)}@media(max-width:768px){body{overflow:auto!important}.navbar{padding:0 18px}.nav-links{display:none}.hamburger{display:flex}.mobile-nav{position:fixed;top:64px;left:0;right:0;z-index:450;background:var(--bg3);display:none;flex-direction:column;gap:18px;padding:24px;text-align:center;border-bottom:1px solid var(--border-gold)}.mobile-nav.open{display:flex}.page{padding:96px 22px 42px}.form-row{grid-template-columns:1fr}}