.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 10px}.App>*{margin:3px 0}.header{text-align:center}.header p{margin:5px 0}.code{background-color:#000;border-radius:5px;color:#adff2f;padding:5px}.content>img{border-radius:10px;max-height:500px;max-width:720px;width:100%}.content{border-radius:10px;position:relative;transition:transform .1s ease,box-shadow .3s ease}.content.detection-triggered{animation:jumpGlow 1s ease-out}.content.detection-triggered:before{animation:backgroundPulse 1s ease-out;content:"";pointer-events:none;position:absolute;z-index:-1}@keyframes jumpGlow{0%{background:#0000004d;box-shadow:0 0 0 #ffd70000;transform:translateY(0) scale(1)}15%{background:#000000b3;box-shadow:0 15px 30px 10px #ffd700e6,0 0 50px 15px #ffd70099,inset 0 0 25px #ffd7004d;transform:scale(1.05)}30%{background:#000c;box-shadow:0 20px 40px 15px gold,0 0 60px 20px #ffd700cc,inset 0 0 30px #ffd70066;transform:scale(1.06)}45%{background:#000000b3;box-shadow:0 10px 35px 12px #ffd700cc,0 0 50px 18px #ffd70099,inset 0 0 25px #ffd7004d;transform:scale(1.04)}60%{background:#0009;box-shadow:0 5px 25px 8px #ffd70099,0 0 40px 12px #ffd70066,inset 0 0 20px #ffd70033;transform:scale(1.02)}75%{background:#00000080;box-shadow:0 0 15px 5px #ffd70066,0 0 30px 10px #ffd70033,inset 0 0 15px #ffd7001a;transform:translateY(0) scale(1.01)}90%{background:#0006;box-shadow:0 0 8px 3px #ffd70033,0 0 20px 6px #ffd7001a;transform:translateY(0) scale(1)}to{background:#0000004d;box-shadow:0 0 0 #ffd70000;transform:translateY(0) scale(1)}}@keyframes backgroundPulse{0%{opacity:0;transform:scale(.95)}15%{background:radial-gradient(circle,#ffd70099 0,#ffa5004d 40%,#000000f2 70%);opacity:1;transform:scale(1.1)}30%{background:radial-gradient(circle,#ffd700cc 0,#ffa50080 40%,#000000f2 70%);opacity:1;transform:scale(1.15)}50%{background:radial-gradient(circle,#ffd70099 0,#ffa50066 40%,#000000f2 70%);opacity:1;transform:scale(1.1)}75%{background:radial-gradient(circle,#ffd70066 0,#ffa50033 40%,#000000f2 70%);opacity:.7;transform:scale(1.05)}to{background:radial-gradient(circle,#ffd70033 0,#000000f2 70%);opacity:0;transform:scale(1)}}.content>canvas{height:100%;left:0;position:absolute;top:0;width:100%}button{background-color:#000;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:5px;text-decoration:none}button:hover{background-color:#fff;border:2px solid #000;color:#000}button:disabled{cursor:not-allowed;opacity:.5}.video-modal{align-items:center;animation:fadeInBackground .8s ease-out forwards;background-color:#0000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.video-modal.closing{animation:fadeOutBackground .6s ease-out forwards}@keyframes fadeInBackground{0%{background-color:#0000}to{background-color:#000000f2}}@keyframes fadeOutBackground{0%{background-color:#000000f2}to{background-color:#0000}}.video-modal-content{animation:slideInVideo .6s ease-out .3s forwards;background-color:#000;border-radius:10px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:90%;opacity:0;padding:20px;position:relative;transform:scale(.9) translateY(20px)}.video-modal.closing .video-modal-content{animation:slideOutVideo .5s ease-out forwards}@keyframes slideInVideo{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOutVideo{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.close-video-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:40px;z-index:1001}.close-video-btn:hover{background-color:#fff;color:red}.content>video{border-radius:10px;max-height:500px;max-width:720px;width:100%}.intro-text{margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(-20px);transition:all .6s ease-out}.intro-text.visible{animation:sectionReveal .6s ease-out;margin:20px 0;max-height:300px;opacity:1;transform:translateY(0)}@keyframes sectionReveal{0%{filter:blur(8px);opacity:0;transform:translateY(-20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.intro-text p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#302e22,#33322f 50%,#000);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:500;line-height:1.8;margin:12px 0;padding:0 20px}.start-intro-btn{background:linear-gradient(135deg,gold,orange);border:none;border-radius:25px;box-shadow:0 3px 12px #ffd70066;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;padding:12px 30px;transition:all .3s ease}.start-intro-btn:hover{background:linear-gradient(135deg,orange,gold);box-shadow:0 5px 18px #ffd70099;transform:translateY(-2px)}.start-intro-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.c177331d.css.map*/