*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.page{display:grid;grid-template-columns:auto 1fr;align-items:center;height:100%;width:100%;background:#0a0a0a;padding-left:10%;padding-right:5%;gap:4rem}.brand-image{width:256px;height:256px;flex-shrink:0;image-rendering:auto}.crt-terminal{position:relative;width:100%;max-width:600px;height:320px;background:#0d0d0d;border:2px solid #3d3600;border-radius:12px;padding:1.5rem 2rem;overflow-y:auto;box-shadow:0 0 8px #ffe50026,inset 0 0 60px #000c;font-family:Courier New,monospace}.crt-terminal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:2}.crt-terminal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffe50005;pointer-events:none;z-index:3;animation:flicker .1s infinite alternate}@keyframes flicker{0%{opacity:.97}to{opacity:1}}.crt-text{color:#ffe500;font-size:.95rem;line-height:1.7;text-shadow:0 0 6px rgba(255,229,0,.7);white-space:pre-wrap;margin:0;font-family:inherit}.cursor{animation:blink .8s step-end infinite;color:#ffe500;text-shadow:0 0 6px rgba(255,229,0,.7)}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){.page{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding:2rem 5%;gap:1.5rem;height:100%;overflow:hidden}.brand-image{width:120px;height:120px;justify-self:start;margin-left:5%}.crt-terminal{width:100%;max-width:100%;height:calc(100vh - 200px)}.crt-text{font-size:.85rem}}@media (max-width: 400px){.page{padding:1.5rem 3%;gap:1rem}.brand-image{width:90px;height:90px}.crt-terminal{height:calc(100vh - 160px)}.crt-text{font-size:.75rem;line-height:1.5}}.audio-controls-external{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding-bottom:.5rem;opacity:.7;transition:opacity .2s}.audio-controls-external:hover{opacity:1}.mute-btn{background:none;border:none;color:#ffe500;font-size:1.2rem;cursor:pointer;outline:none;text-shadow:0 0 6px rgba(255,229,0,.7);display:flex;align-items:center;justify-content:center}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:#ffe50033;outline:none;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#ffe500;border-radius:50%;box-shadow:0 0 6px #ffe500b3;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#ffe500;border:none;border-radius:50%;box-shadow:0 0 6px #ffe500b3;cursor:pointer}.dossier-btn{background:none;border:1px solid #FFE500;color:#ffe500;font-family:Courier New,monospace;font-size:.95rem;padding:.25rem .5rem;margin-top:.5rem;cursor:pointer;text-shadow:0 0 6px rgba(255,229,0,.7);box-shadow:0 0 6px #ffe5004d,inset 0 0 6px #ffe5004d;animation:pulse-button 2s infinite alternate;display:block}.dossier-btn:hover{background:#ffe50026}@keyframes pulse-button{0%{opacity:.7;border-color:#ffe50080}to{opacity:1;border-color:#ffe500}}