.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,var(--fener-yellow),rgba(0,0,0,0)),radial-gradient(2px 2px at 60px 70px,var(--fener-yellow),rgba(0,0,0,0)),radial-gradient(1px 1px at 50px 50px,var(--white),rgba(0,0,0,0)),radial-gradient(1px 1px at 130px 80px,var(--white),rgba(0,0,0,0)),radial-gradient(2px 2px at 90px 10px,var(--fener-yellow),rgba(0,0,0,0));background-repeat:repeat;background-size:200px 200px;opacity:.3;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}.content{text-align:center;z-index:1;animation:fadeIn 1s ease-in;max-width:90%}.fener-logo{width:clamp(150px,20vw,300px);height:auto;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,213,0,.6))}.main-title{font-size:clamp(2rem,12vw,12rem);font-weight:900;color:var(--fener-yellow);text-shadow:0 0 10px var(--fener-yellow),0 0 20px var(--fener-yellow),0 0 30px rgba(255,213,0,.5),4px 4px 8px rgba(0,0,0,.8);animation:glow 2s ease-in-out infinite;letter-spacing:.05em;margin-bottom:1rem;word-break:keep-all;white-space:nowrap}.subtitle{font-size:clamp(1rem,3vw,2rem);color:var(--fener-yellow);font-weight:600;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.2em}.question{margin:3rem 0}.question h2{font-size:clamp(1.5rem,4vw,3rem);color:var(--white);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.buttons-container{display:flex;gap:2rem;justify-content:center;align-items:center;margin:3rem 0;flex-wrap:wrap;min-height:120px}button{font-size:clamp(1.2rem,2.5vw,2rem);padding:1.5rem 4rem;border:none;border-radius:15px;cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;box-shadow:0 8px 20px #0006}.yes-button{background:linear-gradient(135deg,var(--fener-yellow) 0%,#ffed4e 100%);color:var(--fener-navy)}.yes-button:hover{transform:scale(1.1);box-shadow:0 12px 30px #ffd50099;animation:pulse .6s infinite}.yes-button:active{transform:scale(.95)}.no-button{background:linear-gradient(135deg,var(--fener-yellow) 0%,#ffed4e 100%);color:var(--fener-navy);cursor:pointer}.no-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #ffd50080}.footer{margin-top:4rem;font-size:clamp(.9rem,2vw,1.2rem);color:var(--fener-yellow);font-weight:600}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--fener-dark);display:flex;justify-content:center;align-items:center;z-index:9999}.fullscreen-video{width:100%;height:100%;object-fit:contain;background:#000}.close-video-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#ffd500e6;color:var(--fener-navy);font-size:1.5rem;font-weight:700;border:3px solid var(--fener-navy);cursor:pointer;z-index:10000;transition:all .3s ease;padding:0;display:flex;align-items:center;justify-content:center}.close-video-btn:hover{transform:scale(1.1);background:var(--fener-yellow);box-shadow:0 0 20px var(--fener-yellow)}@media (max-width: 768px){.fener-logo{width:clamp(100px,25vw,200px);margin-bottom:1rem}.main-title{font-size:clamp(1.8rem,10vw,5rem);letter-spacing:.02em}.subtitle{font-size:clamp(.8rem,2.5vw,1.5rem);margin-bottom:2rem}.question h2{font-size:clamp(1.2rem,3.5vw,2rem)}.buttons-container{gap:1rem}button{padding:1rem 2rem;font-size:clamp(1rem,2vw,1.5rem)}.question{margin:2rem 0}.footer{margin-top:2rem}}@media (max-width: 480px){.main-title{font-size:clamp(1.5rem,9vw,4rem);letter-spacing:0}.subtitle{font-size:clamp(.7rem,2vw,1rem)}button{padding:.8rem 1.5rem;font-size:clamp(.9rem,2vw,1.2rem)}}:root{--fener-navy: #000b29;--fener-yellow: #ffd500;--fener-dark: #000814;--fener-blue: #001f54;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--fener-dark) 0%,var(--fener-navy) 50%,var(--fener-blue) 100%);color:var(--white);min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{text-shadow:0 0 20px var(--fener-yellow),0 0 40px var(--fener-yellow),0 0 60px var(--fener-yellow)}50%{text-shadow:0 0 30px var(--fener-yellow),0 0 60px var(--fener-yellow),0 0 90px var(--fener-yellow)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}