@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap";:root{--bg-color:#545454;--text-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.container{text-align:center;z-index:10;padding:2rem;position:relative}.quote{letter-spacing:-.05em;text-transform:uppercase;flex-direction:column;gap:1rem;max-width:900px;font-size:max(1.2rem,min(4vw,2.5rem));font-weight:900;line-height:1.1;animation:1.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.quote-fr{opacity:.5;text-transform:none;letter-spacing:normal;font-size:.8em;font-weight:400}body:before{content:"";pointer-events:none;opacity:.2;mix-blend-mode:multiply;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 200 200%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27noiseFilter%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.75%27 numOctaves=%274%27 stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23noiseFilter%29%27/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;opacity:.5;mix-blend-mode:screen;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 250 250%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27whiteNoise%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.9%27 numOctaves=%272%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0%27/%3E%3CfeComponentTransfer%3E%3CfeFuncA type=%27discrete%27 tableValues=%270 0 0 0.9%27/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23whiteNoise%29%27/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.footer{color:#fff;letter-spacing:.2em;-webkit-user-select:none;user-select:none;text-transform:uppercase;z-index:20;font-family:Inter,sans-serif;font-size:.7rem;font-weight:300;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.corner-quote{text-transform:uppercase;letter-spacing:.15em;opacity:.7;z-index:20;max-width:200px;font-size:.6rem;font-weight:700;position:fixed}.top-right{text-align:right;top:2rem;right:2rem}.bottom-left{text-align:left;bottom:5rem;left:2rem}