/* Sacramento-themed CSS background */
body {
    background-color: #0a0a12;
    background-image:
        /* Subtle grid pattern (Sacramento's grid layout) */
        linear-gradient(rgba(13,110,253,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(13,110,253,.03) 1px, transparent 1px),
        /* Tower Bridge silhouette */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230a0a12' stop-opacity='1'/%3E%3Cstop offset='.4' stop-color='%230a0a12' stop-opacity='.95'/%3E%3Cstop offset='1' stop-color='%230d1b3e' stop-opacity='.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23sky)' width='1200' height='200'/%3E%3Cg fill='%23111828' opacity='.9'%3E%3C!-- Left bank buildings --%3E%3Crect x='40' y='110' width='30' height='90'/%3E%3Crect x='75' y='90' width='25' height='110'/%3E%3Crect x='105' y='120' width='35' height='80'/%3E%3Crect x='145' y='100' width='20' height='100'/%3E%3Crect x='170' y='115' width='40' height='85'/%3E%3Crect x='215' y='85' width='28' height='115'/%3E%3Crect x='248' y='105' width='22' height='95'/%3E%3Crect x='275' y='130' width='35' height='70'/%3E%3Crect x='315' y='95' width='25' height='105'/%3E%3Crect x='345' y='125' width='30' height='75'/%3E%3C!-- Tower Bridge left tower --%3E%3Crect x='410' y='60' width='16' height='140'/%3E%3Crect x='404' y='55' width='28' height='12'/%3E%3Crect x='400' y='130' width='36' height='8'/%3E%3C!-- Bridge deck --%3E%3Crect x='426' y='135' width='148' height='6'/%3E%3C!-- Bridge cables --%3E%3Cpath d='M418 62 L500 125 L582 62' fill='none' stroke='%23111828' stroke-width='2'/%3E%3C!-- Tower Bridge right tower --%3E%3Crect x='574' y='60' width='16' height='140'/%3E%3Crect x='568' y='55' width='28' height='12'/%3E%3Crect x='564' y='130' width='36' height='8'/%3E%3C!-- Capitol dome --%3E%3Crect x='680' y='100' width='80' height='100'/%3E%3Crect x='670' y='95' width='100' height='10'/%3E%3Cellipse cx='720' cy='95' rx='35' ry='20' fill='%23111828'/%3E%3Crect x='715' y='55' width='10' height='40'/%3E%3Ccircle cx='720' cy='52' r='8' fill='%23111828'/%3E%3C!-- Right bank buildings --%3E%3Crect x='790' y='105' width='25' height='95'/%3E%3Crect x='820' y='80' width='30' height='120'/%3E%3Crect x='855' y='100' width='22' height='100'/%3E%3Crect x='882' y='115' width='35' height='85'/%3E%3Crect x='922' y='90' width='28' height='110'/%3E%3Crect x='955' y='110' width='20' height='90'/%3E%3Crect x='980' y='95' width='35' height='105'/%3E%3Crect x='1020' y='120' width='25' height='80'/%3E%3Crect x='1050' y='105' width='30' height='95'/%3E%3Crect x='1085' y='125' width='40' height='75'/%3E%3Crect x='1130' y='110' width='30' height='90'/%3E%3C!-- Water reflection --%3E%3Crect x='380' y='145' width='240' height='55' fill='%230d1b3e' opacity='.3'/%3E%3C/g%3E%3C!-- Water line --%3E%3Cline x1='380' y1='145' x2='620' y2='145' stroke='%23182848' stroke-width='1' opacity='.5'/%3E%3C!-- Subtle stars --%3E%3Cg fill='%23fff' opacity='.15'%3E%3Ccircle cx='100' cy='20' r='1'/%3E%3Ccircle cx='250' cy='35' r='.8'/%3E%3Ccircle cx='400' cy='15' r='1'/%3E%3Ccircle cx='550' cy='30' r='.7'/%3E%3Ccircle cx='700' cy='10' r='1'/%3E%3Ccircle cx='850' cy='25' r='.8'/%3E%3Ccircle cx='1000' cy='18' r='1'/%3E%3Ccircle cx='1100' cy='40' r='.7'/%3E%3Ccircle cx='180' cy='45' r='.5'/%3E%3Ccircle cx='450' cy='42' r='.6'/%3E%3Ccircle cx='780' cy='38' r='.5'/%3E%3Ccircle cx='950' cy='8' r='.6'/%3E%3C/g%3E%3C/svg%3E"),
        /* Deep atmospheric gradient */
        radial-gradient(ellipse at 50% 100%, rgba(13,27,62,.4) 0%, transparent 60%),
        linear-gradient(180deg, #0a0a12 0%, #0d1525 50%, #0a0a12 100%);
    background-position: center top, center top, center bottom, center, center;
    background-size: 60px 60px, 60px 60px, 1200px 200px, 100% 100%, 100% 100%;
    background-repeat: repeat, repeat, repeat-x, no-repeat, no-repeat;
    background-attachment: fixed;
}