:root{--bg:#0b1220;--panel: rgba(20,30,50,.55);--panel2: rgba(11,18,32,.7);--muted:#94a3b8;--text:#e5e7eb;--brand:#f59e0b;--brand2:#60a5fa;--radius-lg: 16px;--radius-xl: 22px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(#0000008c,#000c),url(/house.jpg) center/cover no-repeat;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:120px auto 40px;padding:32px 20px}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1220bf;z-index:1000}.links{display:flex;gap:20px}.links a{color:#e5e7eb;text-decoration:none;font-weight:500}.links a:hover{color:var(--brand)}.brand-wrapper{display:flex;flex-direction:column;align-items:flex-end}.brand-right a{font-size:22px;font-weight:900;text-decoration:none;background:linear-gradient(90deg,#f59e0b,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-link{font-size:12px;color:var(--muted);text-decoration:none}.hero{margin:0 auto 40px;padding:32px;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);box-shadow:0 20px 50px #0009}.hero-split{display:grid;gap:30px}@media (min-width:900px){.hero-split{grid-template-columns:1.2fr 1fr;align-items:center}}.hero-left{display:flex;flex-direction:column;gap:14px}.hero-right{position:relative;display:flex;justify-content:center;align-items:center}.hero-image{width:100%;max-width:420px;border-radius:var(--radius-lg);box-shadow:0 12px 25px #0009;border:1px solid rgba(255,255,255,.08);object-fit:cover}.hero-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:22px;font-weight:800;line-height:1.2;max-width:260px;color:#fff;text-shadow:0 6px 20px rgba(0,0,0,.85);pointer-events:none}.h1{font-size:clamp(28px,2.6vw,42px);font-weight:900;line-height:1.1;margin:0;background:linear-gradient(90deg,#f59e0b,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub{font-size:16px;color:var(--muted);margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;border:none;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#111;transition:all .2s ease}.btn:link,.btn:visited{color:#111;text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000059}.btn.secondary{background:#60a5fa1f;color:#fff;border:1px solid rgba(96,165,250,.35)}.btn.secondary:link,.btn.secondary:visited{color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.section{margin-top:40px;padding:24px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--panel2)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;padding:18px;border-radius:16px;background:#121a2be6;border:1px solid rgba(255,255,255,.06)}@media (min-width:900px){.card.half{grid-column:span 6}}.grid.equalize .card{display:flex;flex-direction:column;gap:12px;min-height:260px}.grid.equalize .card .btn{margin-top:auto;align-self:flex-start}.input,textarea{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0b1220;color:#fff}.contact-layout{display:grid;gap:20px}@media (min-width:900px){.contact-layout{grid-template-columns:1.2fr .8fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:1;transform:translateY(0)}.reveal.is-visible{animation:fadeUp .5s ease both}@media (max-width: 768px){.hero-split{grid-template-columns:1fr}.hero{padding:20px}.hero-right{margin-top:20px}}@media (max-width:768px){.hero-image{max-width:100%}.hero-overlay-text{font-size:18px;max-width:200px}}@media (max-width:768px){.h1{font-size:26px}.sub{font-size:14px}}@media (max-width:768px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}@media (max-width:768px){.card.half{grid-column:span 12}}
