@media (max-width: 900px){body{padding:0 .5em}h1{font-size:2em;text-align:center}.petroleum-section,.card,.service-flash{padding:1em;margin:1em 0;font-size:1em}nav,.navbar{flex-direction:column;align-items:stretch;gap:.5em}button{width:100%;font-size:1em;padding:1em}img,.logo{max-width:100%;height:auto}}@media (max-width: 600px){h1{font-size:1.4em}h2,h3{font-size:1.1em}.petroleum-section,.card,.service-flash{font-size:.95em;padding:.7em}nav,.navbar{font-size:1em;gap:.2em}button{font-size:.95em;padding:.7em}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffd600;background-color:#0a2239}a{font-weight:500;color:#ffd600;text-decoration:underline;transition:color .2s}a:hover{color:#ffb300}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a2239 70%,#ffd600);background-attachment:fixed;font-family:Segoe UI,Avenir,Helvetica,Arial,sans-serif}h1{font-size:3.2em;line-height:1.1;color:#ffd600;text-shadow:2px 4px 12px #0a2239,0 0 0 #FFD600;position:relative}h1:after{content:"🛢️";font-size:.7em;margin-left:.3em;vertical-align:middle}button{border-radius:8px;border:2px solid #FFD600;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#0a2239;color:#ffd600;cursor:pointer;box-shadow:0 2px 8px #ffd60033;transition:background .2s,color .2s,border-color .2s}button:hover{background-color:#ffd600;color:#0a2239;border-color:#ffb300}button:focus,button:focus-visible{outline:4px auto #FFD600}@media (prefers-color-scheme: light){:root{color:#0a2239;background-color:#ffd600}a:hover{color:#0a2239}button{background-color:#ffd600;color:#0a2239;border-color:#0a2239}}.service-flash{box-shadow:0 0 32px 8px #ffd600;filter:brightness(1.1);animation:serviceFlash 1.5s linear infinite}@keyframes serviceFlash{0%{filter:brightness(1.1);box-shadow:0 0 32px 8px #ffd600}50%{filter:brightness(1.4);box-shadow:0 0 64px 16px #ffd600}to{filter:brightness(1.1);box-shadow:0 0 32px 8px #ffd600}}.petroleum-bar{width:100%;height:8px;background:linear-gradient(90deg,#ffd600,#0a2239);margin-bottom:2em;border-radius:0 0 8px 8px}.petroleum-header{display:flex;align-items:center;gap:.5em;font-size:1.5em;color:#ffd600;font-weight:700;margin-bottom:1em}.petroleum-header .oil-drop{margin:0}.petroleum-fact{background:#fffbe6;color:#0a2239;border-left:6px solid #FFD600;border-radius:10px;margin:1em 0;padding:1em 1.5em;font-size:1.08em;box-shadow:0 2px 12px #ffd60022}.nigeria-map{width:100%;max-width:320px;margin:1.5em auto;display:block;border-radius:12px;box-shadow:0 2px 12px #ffd60055}.oil-drop-animated{display:inline-block;width:1.2em;height:1.2em;background:radial-gradient(circle at 60% 40%,#ffd600 60%,#bfa100);border-radius:60% 60% 80% 80%/60% 60% 100% 100%;margin-right:.5em;vertical-align:middle;box-shadow:0 2px 8px #ffd60099;animation:oilDropBounce 1.2s infinite alternate}@keyframes oilDropBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}body{background:linear-gradient(135deg,#0a2239 70%,#ffd600);color:#ffd600}.petroleum-section{background:#102840;border-radius:16px;box-shadow:0 4px 32px #ffd60033;padding:2em;margin:2em 0}.oil-drop{display:inline-block;width:1.2em;height:1.2em;background:radial-gradient(circle at 60% 40%,#ffd600 60%,#bfa100);border-radius:60% 60% 80% 80%/60% 60% 100% 100%;margin-right:.5em;vertical-align:middle;box-shadow:0 2px 8px #ffd60099}.energy-title{color:#ffd600;text-shadow:2px 4px 12px #0a2239,0 0 0 #FFD600;font-weight:700;letter-spacing:.04em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}