@charset "UTF-8";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,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;overflow-x:hidden}.App{min-height:100vh;position:relative}.App>.gomoku-game-container,.App>.landing-page{padding-top:72px}.App{padding-top:0}.container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:50px;position:relative;text-align:center}h1{font-size:4rem;margin-bottom:10px}h1,h2{text-shadow:2px 2px 5px #00000080}h2{font-size:2rem;margin-bottom:30px}.start-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 8px 32px #8b5cf64d;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;max-width:400px;min-width:150px;padding:15px 30px;transition:all .3s ease;width:50%}.start-btn:hover{box-shadow:0 12px 40px #8b5cf666;transform:translateY(-2px)}.login-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;padding:40px;position:relative;text-align:center;width:400px}.login-modal-content input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;margin:12px 0;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.login-modal-content input:focus{background:#ffffff1a;border-color:#8b5cf6}.login-modal-content input::placeholder{color:#ffffff80}.login-modal-content button{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease;width:100%}.login-modal-content button:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-1px)}.close-btn{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;font-size:18px;height:32px;line-height:32px;text-align:center;transition:all .3s ease;width:32px}.close-btn:hover{background:#ef44444d;transform:scale(1.1)}.user-info{color:#fff;font-size:1.2em;position:absolute;right:20px;top:10px}@media (max-width:768px){.App>*{padding-top:60px}.login-modal-content{max-width:400px;padding:30px 20px;width:90%}h1{font-size:2.5rem}h2{font-size:1.5rem}.start-btn{font-size:1.2rem;padding:12px 24px;width:80%}}@media (max-width:480px){.App>*{padding-top:50px}.login-modal-content{padding:24px 16px}h1{font-size:2rem}h2{font-size:1.25rem}}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#000000bf,#000000d9);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#ffffffeb);border:1px solid #fff6;border-radius:20px;box-shadow:0 20px 40px #8b5cf626,0 8px 24px #00000014,inset 0 1px 0 #fffc;margin:20px;max-width:420px;padding:40px;position:relative;width:100%}.close-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:50%;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:10}.close-btn:hover{background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 6px 16px #8b5cf666;transform:scale(1.1) rotate(90deg)}.close-btn:active{transform:scale(.95) rotate(90deg)}.modal-content h2,.modal-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 32px;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:20px}.modal-content form>div{display:flex;flex-direction:column;gap:8px}.modal-content label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.025em;margin:0;padding:0;text-align:left}.modal-content input{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#d1d5db) border-box;border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#374151;font-size:16px;margin:0;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.modal-content input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8b5cf6,#06b6d4) border-box;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-1px)}.modal-content input::placeholder{color:#9ca3af;font-weight:400}.modal-content .error-message,.modal-content p[style*="color: red"]{animation:errorShake .5s ease-in-out;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#ef4444!important;font-size:14px;font-weight:500;margin:8px 0 0!important;padding:0!important;text-align:left}.modal-content button:not(.close-btn),.modal-content button[type=submit]{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf640;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:8px 0 0;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.modal-content button:not(.close-btn):before,.modal-content button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-content button:not(.close-btn):hover:before,.modal-content button[type=submit]:hover:before{left:100%}.modal-content button:not(.close-btn):hover,.modal-content button[type=submit]:hover{background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 8px 24px #8b5cf659;transform:translateY(-2px)}.modal-content button:not(.close-btn):active,.modal-content button[type=submit]:active{transform:translateY(0)}.modal-content button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;transform:none!important}.loading-spinner-login{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:24px;margin:20px auto;width:24px}@media (max-width:480px){.modal-content{border-radius:16px;margin:16px;padding:32px 24px}.modal-content h2,.modal-content h3{font-size:24px;margin-bottom:24px}.modal-content form{gap:16px}.close-btn{font-size:18px;height:32px;width:32px}}.register-modal{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#000000bf,#000000d9);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.register-content{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#ffffffeb);border:1px solid #fff6;border-radius:20px;box-shadow:0 20px 40px #8b5cf626,0 8px 24px #00000014,inset 0 1px 0 #fffc;margin:20px;max-width:480px;padding:40px;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-content .close-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:50%;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:10}.register-content .close-btn:hover{background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 6px 16px #8b5cf666;transform:scale(1.1) rotate(90deg)}.register-content .close-btn:active{transform:scale(.95) rotate(90deg)}.register-content h2,.register-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 32px;text-align:center}.register-content form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.025em;margin:0;text-align:left}.register-content input{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#d1d5db) border-box;border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#374151;font-size:16px;margin:0;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.register-content input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8b5cf6,#06b6d4) border-box;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-1px)}.register-content input::placeholder{color:#9ca3af;font-weight:400}.email-group{align-items:flex-end;display:flex;gap:12px}.email-group input{flex:1 1}.verify-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf640;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.verify-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.verify-btn:hover:not(:disabled):before{left:100%}.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 8px 24px #8b5cf659;transform:translateY(-2px)}.verify-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none}.verification-step{display:flex;flex-direction:column;gap:24px}.verification-header{background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border:1px solid #8b5cf61a;border-radius:16px;padding:20px;text-align:center}.email-icon{animation:emailBounce 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes emailBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.verification-header h3{color:#374151;font-size:24px;margin:0 0 12px}.verification-header p{color:#6b7280;font-size:16px;margin:0 0 8px}.email-display{background:#8b5cf61a;border-radius:8px;color:#8b5cf6;display:inline-block;font-size:16px;font-weight:600;padding:8px 16px}.verification-input{font-size:18px;font-weight:600;letter-spacing:4px;text-align:center}.verification-actions{display:flex;gap:12px}.verify-code-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf640;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.verify-code-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 8px 24px #8b5cf659;transform:translateY(-2px)}.verify-code-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;transform:none}.resend-section{padding:16px;text-align:center}.countdown-text{color:#6b7280;font-size:14px;margin:0}.resend-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:color .2s ease}.resend-btn:hover{color:#9333ea}.step-navigation{border-top:1px solid #8b5cf61a;display:flex;justify-content:center;padding-top:16px}.back-btn{background:none;border:2px solid #8b5cf633;border-radius:10px;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.back-btn:hover{background:#8b5cf60d;border-color:#8b5cf64d}.button-group{display:flex;gap:12px;margin-top:20px}.cancel-btn,.register-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.register-btn{box-shadow:0 4px 16px #8b5cf640}.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 8px 24px #8b5cf659;transform:translateY(-2px)}.cancel-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.error{animation:errorShake .5s ease-in-out;background:linear-gradient(135deg,#ef444414,#dc262614);border:1px solid #ef444433;border-radius:10px;color:#ef4444;font-size:14px;font-weight:500;margin:8px 0 0;padding:12px 16px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:24px;margin:20px auto;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.register-content{border-radius:16px;margin:16px;max-width:90%;padding:32px 24px}.register-content h2,.register-content h3{font-size:24px;margin-bottom:24px}.form-group{gap:16px}.email-group{align-items:stretch;flex-direction:column}.verify-btn{min-width:auto}.button-group{flex-direction:column}}@media (max-width:480px){.register-content{margin:12px;padding:28px 20px}.verification-header{padding:16px}.email-icon{font-size:36px}.verification-input{font-size:16px;letter-spacing:2px}}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:16px 32px;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar-left h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.navbar-title{cursor:pointer;display:inline-block;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-title:hover{filter:brightness(1.2) saturate(1.2);transform:translateY(-2px) scale(1.05)}.navbar-title:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.navbar-title:after{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:8px;bottom:0;content:"";filter:blur(10px);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.navbar-title:hover:after{opacity:.2}.navbar-right{flex-shrink:1;min-width:0}.navbar-right,.user-info{align-items:center;display:flex;gap:16px}.user-info span{color:#fffc;font-size:.9rem;font-weight:500}.auth-buttons{display:flex;flex-wrap:nowrap;gap:12px}.auth-buttons,.navbar-btn{align-items:center;height:40px}.navbar-btn{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;max-width:120px;min-width:80px;outline:none;padding:0 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.login-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1.5px solid #ffffff26;color:#ffffffeb}.login-btn:hover{background:#ffffff29;border-color:#ffffff47;box-shadow:0 4px 12px #ffffff1a;color:#fff;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.register-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;box-shadow:0 2px 8px #8b5cf62e,inset 0 1px 0 #ffffff1f;color:#fff;overflow:hidden;position:relative}.register-btn:before{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.register-btn:hover:before{left:100%}.register-btn:hover{background:linear-gradient(135deg,#9333ea,#0891b2);box-shadow:0 6px 16px #8b5cf638,inset 0 1px 0 #ffffff2e;transform:translateY(-1px)}.register-btn:active{transform:translateY(0)}.settings-btn{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6}.settings-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.about-btn{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.about-btn:hover{background:#10b98133;box-shadow:0 4px 12px #10b98133;color:#34d399;transform:translateY(-1px)}.logout-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}.navbar-login-btn,.navbar-register-btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;min-width:80px;outline:none;padding:0 18px;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.navbar-login-btn{background:#ffffff1a;color:#fff}.navbar-login-btn:hover{background:#ffffff2e;color:#fff}.navbar-register-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.navbar-register-btn:hover{background:linear-gradient(135deg,#9333ea,#0891b2);color:#fff}@media (max-width:768px){.navbar{padding:12px 20px}.navbar-left h2{font-size:1.25rem}.navbar-right{gap:12px}.navbar-btn{padding:6px 12px}.navbar-btn,.user-info span{font-size:.8rem}}@media (max-width:480px){.navbar{padding:10px 16px}.auth-buttons,.user-info{gap:8px}.user-info span{display:none}}.landing-page{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;perspective:1000px;position:relative;transform-style:preserve-3d}.floating-tokens{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-style:preserve-3d;width:100%;z-index:1}.token{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;display:flex;font-size:24px;height:64px;justify-content:center;opacity:.6;position:absolute;transition:all .3s ease;width:64px}.token-3d{animation:float3d 8s ease-in-out infinite;transform-style:preserve-3d}.token-1{animation-delay:0s;left:10%;top:15%}.token-2{animation-delay:1s;right:15%;top:25%}.token-3{animation-delay:2s;left:5%;top:45%}.token-4{animation-delay:3s;right:8%;top:35%}.token-5{animation-delay:4s;left:20%;top:60%}.token-6{animation-delay:5s;right:25%;top:70%}.token-7{animation-delay:6s;left:15%;top:80%}@keyframes float3d{0%,to{transform:translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) scale(1)}25%{transform:translateY(-20px) translateZ(20px) rotateX(15deg) rotateY(90deg) scale(1.1)}50%{transform:translateY(10px) translateZ(-10px) rotateX(-10deg) rotateY(180deg) scale(.9)}75%{transform:translateY(-15px) translateZ(15px) rotateX(20deg) rotateY(270deg) scale(1.05)}}.landing-container{margin:0 auto;max-width:1200px;padding:0 20px;z-index:10}.hero-section,.landing-container{position:relative;transform-style:preserve-3d}.hero-section{padding:120px 0 80px;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#ffffff70);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:24px}.hero-3d{animation:titleFloat 6s ease-in-out infinite;text-shadow:0 0 20px #8b5cf64d}@keyframes titleFloat{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(2deg)}}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShine 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#8b5cf6,#06b6d4 50%,#10b981);-webkit-background-clip:text;background-clip:text}@keyframes gradientShine{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.2) saturate(1.3)}}.hero-subtitle{color:#ffffffb3;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.cta-section{display:flex;margin-bottom:60px;perspective:1000px}.cta-button,.cta-section{align-items:center;justify-content:center}.cta-button{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 8px 32px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;max-width:260px;min-width:160px;overflow:hidden;padding:10px 32px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cta-button-3d:hover{box-shadow:0 20px 60px #8b5cf666,0 0 0 1px #ffffff1a;transform:translateY(-8px) translateZ(20px) rotateX(10deg) scale(1.05)}.cta-button-3d:active{transform:translateY(-4px) translateZ(10px) rotateX(5deg) scale(1.02);transition:all .1s ease}.button-arrow{fill:currentColor;transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(6px) rotate(10deg)}.game-preview{display:flex;justify-content:center;margin:60px 0;perspective:1200px}.preview-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transform-style:preserve-3d;transition:all .4s ease}.preview-board-3d{animation:boardFloat 8s ease-in-out infinite}.preview-board-3d:hover{transform:rotateX(15deg) rotateY(10deg) translateZ(30px)}@keyframes boardFloat{0%,to{transform:rotateX(0deg) rotateY(0deg) translateZ(0)}50%{transform:rotateX(5deg) rotateY(5deg) translateZ(10px)}}.board-grid{grid-gap:2px;background:#1a1a1a;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(5,40px);grid-template-rows:repeat(5,40px);padding:10px;transform-style:preserve-3d}.board-3d{perspective:500px}.grid-cell{align-items:center;background:#2a2a2a;border-radius:4px;display:flex;justify-content:center;position:relative;transition:all .3s ease}.grid-cell-3d:hover{background:#3a3a3a;transform:translateZ(5px)}.piece{border-radius:50%;height:30px;transition:all .3s ease;width:30px}.piece-3d{animation:placepiece3d .6s cubic-bezier(.68,-.55,.265,1.55);transform-style:preserve-3d}.piece.black{background:#000;border:2px solid #333;box-shadow:0 4px 8px #00000080}.piece.white{background:#fff;border:2px solid #ddd;box-shadow:0 4px 8px #fff3}@keyframes placepiece3d{0%{opacity:0;transform:scale(0) rotateY(180deg) translateZ(-50px)}50%{opacity:.8;transform:scale(1.2) rotateY(90deg) translateZ(10px)}to{opacity:1;transform:scale(1) rotateY(0deg) translateZ(0)}}.features-section{padding:80px 0;text-align:center;transform-style:preserve-3d}.section-tag{align-items:center;background:#ffffff12;border-radius:24px;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;letter-spacing:.5px;margin-bottom:32px;padding:0 20px;text-transform:uppercase;transition:all .3s ease}.section-tag:hover{background:#ffffff1f;transform:translateZ(10px) scale(1.05)}.features-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#ffffff70);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:60px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px;perspective:1000px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card-3d:hover{background:#ffffff14;border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf633,0 0 0 1px #ffffff1a;transform:translateY(-12px) translateZ(30px) rotateX(10deg)}.feature-card-3d:nth-child(odd):hover{transform:translateY(-12px) translateZ(30px) rotateX(10deg) rotateY(5deg)}.feature-card-3d:nth-child(2n):hover{transform:translateY(-12px) translateZ(30px) rotateX(10deg) rotateY(-5deg)}.feature-icon{font-size:3rem;margin-bottom:16px;transition:all .3s ease}.feature-icon-3d{animation:iconFloat 4s ease-in-out infinite}.feature-card:hover .feature-icon-3d{animation-play-state:paused;transform:rotateY(1turn) scale(1.1)}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:12px}.feature-card p{color:#ffffffb3;line-height:1.6}.how-it-works{padding:80px 0;text-align:center;transform-style:preserve-3d}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#ffffff70);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:48px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:48px;perspective:1000px}.step-item{align-items:center;display:flex;flex-direction:column;text-align:center;transition:all .3s ease}.step-item-3d:hover{transform:translateY(-10px) translateZ(20px)}.step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-bottom:20px;transform-style:preserve-3d;transition:all .4s ease;width:60px}.step-number-3d{animation:numberSpin 6s linear infinite}.step-item:hover .step-number-3d{animation-play-state:paused;box-shadow:0 10px 30px #8b5cf666,0 0 0 3px #ffffff1a;transform:rotateY(1turn) scale(1.2)}@keyframes numberSpin{0%{transform:rotateY(0deg) translateZ(0)}25%{transform:rotateY(90deg) translateZ(10px)}50%{transform:rotateY(180deg) translateZ(0)}75%{transform:rotateY(270deg) translateZ(10px)}to{transform:rotateY(1turn) translateZ(0)}}.step-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.step-content p{color:#ffffffb3;line-height:1.6}@media (max-width:768px){.landing-page{perspective:800px}.landing-container{padding:0 16px}.hero-section{padding:80px 0 60px}.features-grid,.steps-grid{gap:24px;grid-template-columns:1fr}.token{font-size:18px;height:48px;width:48px}.floating-tokens{opacity:.3}.token-3d{animation:none}.preview-board-3d:hover{transform:rotateX(5deg) rotateY(5deg) translateZ(10px)}.feature-card-3d:hover{transform:translateY(-6px) translateZ(15px) rotateX(5deg)}.cta-section{margin-bottom:40px}.cta-button{font-size:.95rem;max-width:200px;min-width:120px;padding:8px 20px}}@media (max-width:480px){.landing-page{perspective:600px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-button{font-size:.9rem;max-width:160px;min-width:100px;padding:8px 14px}.cta-button-3d:hover{transform:translateY(-4px) scale(1.02)}.step-number-3d{animation:none}}.whats-next-section{background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);border-radius:32px;margin:60px 0;overflow:hidden;padding:100px 0;position:relative;text-align:center;transform-style:preserve-3d}.whats-next-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.whats-next-section>*{position:relative;z-index:2}.section-header{margin-bottom:60px}.rocket-tag{animation:rocketPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}@keyframes rocketPulse{0%,to{box-shadow:0 0 20px #8b5cf64d;transform:scale(1) translateZ(0)}50%{box-shadow:0 0 30px #8b5cf680;transform:scale(1.05) translateZ(5px)}}.section-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.genesis-banner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#10b98126,#8b5cf626);border:2px solid #10b9814d;border-radius:20px;margin:40px 0 60px;overflow:hidden;padding:32px;position:relative;transform-style:preserve-3d;transition:all .4s ease}.genesis-banner:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#10b9811a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.genesis-banner-3d:hover{border-color:#10b98199;box-shadow:0 20px 60px #10b98133,0 0 0 1px #ffffff1a;transform:translateY(-8px) translateZ(20px) rotateX(5deg)}.banner-content{align-items:center;display:flex;gap:24px;position:relative;z-index:2}.banner-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem}.banner-text{flex:1 1;text-align:left}.banner-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#8b5cf6);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:8px}.banner-text p{color:#fffc;font-size:1.1rem;margin-bottom:12px}.banner-highlight{color:#10b981e6;display:block;font-size:.9rem;font-style:italic;font-weight:500}.airdrop-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 8px 24px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.airdrop-button:hover{box-shadow:0 12px 32px #10b98166;transform:translateY(-2px) scale(1.05)}.vision-section{margin:60px 0}.vision-header{margin-bottom:40px}.vision-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.vision-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;text-align:left;transform-style:preserve-3d;transition:all .4s ease}.vision-card-3d:hover{background:#ffffff0f;border-color:#8b5cf64d;box-shadow:0 15px 40px #8b5cf626;transform:translateY(-8px) translateZ(15px) rotateX(8deg)}.vision-icon{animation:iconPulse 3s ease-in-out infinite;font-size:2.5rem;margin-bottom:16px}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.vision-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:12px}.vision-card p{color:#ffffffb3;font-size:.95rem;line-height:1.6}.token-utility-section{margin:80px 0}.utility-header{margin-bottom:40px}.utility-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-top:16px}.utility-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.utility-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:16px;padding:20px;text-align:left;transform-style:preserve-3d;transition:all .3s ease}.utility-item-3d:hover{background:#ffffff14;border-color:#8b5cf64d;box-shadow:0 10px 25px #8b5cf61a;transform:translateY(-4px) translateZ(10px)}.utility-icon{animation:utilityFloat 4s ease-in-out infinite;flex-shrink:0;font-size:1.8rem}.utility-item:nth-child(odd) .utility-icon{animation-delay:.5s}.utility-item:nth-child(2n) .utility-icon{animation-delay:1s}@keyframes utilityFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(3deg)}}.utility-item span{color:#fffc;font-weight:500;line-height:1.5}.closing-section{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-top:80px;padding:40px}.closing-content{align-items:center;display:flex;flex-direction:column;gap:16px}.closing-icon{animation:grow 3s ease-in-out infinite;font-size:3rem}@keyframes grow{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}50%{filter:brightness(1.3);transform:scale(1.2) rotate(10deg)}}.closing-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#8b5cf6);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.closing-content p{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0;max-width:600px}@media (max-width:768px){.whats-next-section{margin:40px 0;padding:60px 20px}.banner-content{flex-direction:column;gap:20px}.banner-content,.banner-text{text-align:center}.banner-text h3{font-size:1.5rem}.utility-grid,.vision-grid{gap:16px;grid-template-columns:1fr}.utility-item{padding:16px}.closing-section{padding:30px 20px}}@media (max-width:480px){.section-subtitle{font-size:1rem}.genesis-banner{padding:24px 16px}.banner-icon{font-size:2.5rem}.banner-text h3{font-size:1.3rem}.banner-text p{font-size:1rem}.airdrop-button{font-size:.9rem;padding:12px 20px}.vision-card{padding:20px}.vision-icon{font-size:2rem}.utility-icon{font-size:1.5rem}.closing-icon{font-size:2.5rem}.closing-content h3{font-size:1.5rem}.closing-content p{font-size:1rem}}.settings-container{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:40px 20px}.settings-header{margin-bottom:40px;text-align:center}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.settings-header p{color:#ffffffb3;font-size:1.1rem}.settings-content{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:800px}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s ease}.settings-card:hover{background:#ffffff14;border-color:#8b5cf666;transform:translateY(-2px)}.settings-card h3{border-bottom:2px solid #8b5cf64d;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:24px;padding-bottom:12px}.user-info-section{display:flex;flex-direction:column;gap:16px}.info-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#fffc;font-weight:500}.info-item span{color:#fff;font-weight:600}.wallet-status{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:12px;margin-bottom:20px}.status-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.status-indicator.connected{background:#10b981;box-shadow:0 0 0 3px #10b9814d}.status-indicator.disconnected{background:#ef4444;box-shadow:0 0 0 3px #ef44444d}.wallet-info{margin-bottom:24px}.wallet-details{display:flex;flex-direction:column;gap:12px;margin-top:16px}.wallet-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.wallet-item label{color:#fffc;font-weight:500}.wallet-address{background:#ffffff1a;border-radius:6px;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:4px 8px;transition:background .3s ease}.wallet-address:hover{background:#fff3}.wallet-actions{display:flex;flex-wrap:wrap;gap:16px}.wallet-unbound-section{text-align:center}.wallet-description{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:20px 0 30px}.btn-danger,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 4px 16px #8b5cf64d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.btn-danger{background:#ef4444cc;border:1px solid #ef444480;color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444;transform:translateY(-1px)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.metamask-btn{font-size:1.1rem;padding:16px 32px}.error-message,.success-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.success-message{background:#10b9811a;border:1px solid #10b9814d;color:#6ee7b7}.settings-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#fca5a5;font-size:1.1rem;margin:0 auto;max-width:500px;padding:40px;text-align:center}@media (max-width:768px){.settings-container{padding:20px 16px}.settings-header h1{font-size:2rem}.settings-card{padding:20px}.wallet-actions{flex-direction:column}.info-item{gap:8px}.info-item,.wallet-item{align-items:flex-start;flex-direction:column}.wallet-item{gap:4px}}@media (max-width:480px){.settings-header h1{font-size:1.8rem}.btn-danger,.btn-primary,.btn-secondary{padding:14px 20px;width:100%}.metamask-btn{font-size:1rem;padding:14px 24px}}.about-page{animation:fadeIn .3s ease-out;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;padding-top:80px;perspective:1000px}.about-container,.about-page{position:relative;transform-style:preserve-3d}.about-container{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a;margin:0 auto;max-width:1200px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.about-content{color:#fff;padding:40px}.about-header{margin-bottom:50px;position:relative;text-align:center}.author-info{align-items:center;display:flex;flex-direction:column;gap:20px}.avatar{margin-bottom:10px;position:relative}.avatar-placeholder{align-items:center;animation:avatarFloat 6s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#06b6d4 50%,#10b981);border-radius:50%;box-shadow:0 20px 40px #8b5cf64d,0 0 0 4px #ffffff1a;color:#fff;display:flex;font-size:48px;font-weight:700;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.avatar-placeholder:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.clickable-avatar{cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.clickable-avatar:hover{box-shadow:0 25px 50px #8b5cf666,0 0 0 6px #ffffff26;transform:translateY(-5px) scale(1.05)}.clickable-avatar:active{transform:translateY(-2px) scale(1.02);transition:all .1s ease}@keyframes avatarFloat{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-10px) rotateY(5deg)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}}.author-details{text-align:center}.author-name{-webkit-text-fill-color:#0000;animation:textGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#8b5cf6,#06b6d4 50%,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}@keyframes textGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.author-title{color:#fffc;font-size:1.2rem;font-weight:500;margin:0 0 25px}.contact-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.contact-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:25px;color:#fff;display:flex;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.contact-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-link:hover:before{left:100%}.contact-link:hover{box-shadow:0 10px 25px #8b5cf64d;transform:translateY(-3px) scale(1.05)}.contact-link.linkedin:hover{background:#0077b533;border-color:#0077b5}.contact-link.github:hover{background:#3333;border-color:#333}.contact-link.email:hover{background:#ea433533;border-color:#ea4335}.project-description{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.project-description:before{background:linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981);content:"";height:3px;left:0;position:absolute;right:0;top:0}.project-description h2{color:#fff;font-size:1.8rem;margin:0 0 15px}.project-description p{color:#fffc;font-size:1.1rem;line-height:1.7}.tech-stack-section{margin-bottom:40px}.tech-stack-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:30px;text-align:center}.tech-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tech-category{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.tech-category:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.tech-category:hover:before{opacity:1}.tech-category:hover{border-color:#8b5cf64d;box-shadow:0 15px 35px #8b5cf633;transform:translateY(-5px)}.category-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.category-icon{animation:iconBounce 2s ease-in-out infinite;font-size:1.5rem}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.category-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.tech-list{display:flex;flex-direction:column;gap:12px}.tech-item{background:#ffffff0d;border-left:3px solid #0000;border-radius:8px;padding:12px 15px;position:relative;transition:all .3s ease}.tech-item:hover{background:#ffffff1a;border-left-color:#8b5cf6;transform:translateX(5px)}.tech-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:4px}.tech-description{color:#ffffffb3;font-size:.9rem;line-height:1.4}.features-highlight{margin-bottom:40px}.features-highlight h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:30px;text-align:center}.features-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.feature-item:hover{background:#ffffff14;box-shadow:0 10px 25px #10b98133;transform:translateY(-3px)}.feature-icon{animation:featureFloat 3s ease-in-out infinite;flex-shrink:0;font-size:1.5rem}@keyframes featureFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(5deg)}}.feature-item strong{color:#fff;display:block;font-size:1.1rem;margin-bottom:5px}.feature-item p{color:#ffffffb3;line-height:1.5;margin:0}.about-footer{border-top:1px solid #ffffff1a;padding-top:30px;text-align:center}.project-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:8px}.stat strong{color:#fffc;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.stat span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700}@media (max-width:768px){.about-page{padding-top:60px}.about-content{padding:30px 20px}.author-name{font-size:2rem}.contact-links{align-items:center;flex-direction:column}.features-list,.tech-grid{grid-template-columns:1fr}.project-stats{gap:20px}.avatar-placeholder{font-size:40px;height:100px;width:100px}}@media (max-width:480px){.about-container{margin:10px}.about-content{padding:20px 15px}.author-name{font-size:1.8rem}.contact-link{font-size:.9rem;padding:10px 16px}.tech-category{padding:20px}.feature-item{padding:15px}}.about-page::-webkit-scrollbar{width:8px}.about-page::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.about-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:4px}.about-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#0891b2)}.resume-page{background:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;padding:20px 0}.resume-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:1000px;padding:2rem}.resume-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.resume-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem}.resume-header h2{color:#4a5568;font-size:1.5rem;margin-bottom:1rem}.contact-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.contact-info p{color:#4a5568;margin:0}.contact-info a{color:#4299e1;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#2b6cb0}.resume-section{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem}.resume-section h3{border-bottom:2px solid #4299e1;color:#2d3748;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.resume-section p{color:#4a5568;line-height:1.6;margin-bottom:1rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category h4{color:#4a5568;margin-bottom:.5rem}.skill-category ul{list-style:none;margin:0;padding:0}.skill-category li{color:#4a5568;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.skill-category li:before{color:#4299e1;content:"•";left:0;position:absolute}.projects-list{display:flex;flex-direction:column;gap:32px}.project-item{background:#f8fafc;border-left:4px solid #34d399;border-radius:8px;margin-bottom:2rem;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.project-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.project-item h4{color:#2d3748;margin-bottom:.5rem}.project-item ul{list-style:none;padding-left:1.5rem}.project-item li{color:#4a5568;margin-bottom:.5rem;position:relative}.project-item li:before{color:#4299e1;content:"•";left:-1.5rem;position:absolute}.experience-list{display:flex;flex-direction:column;gap:28px}.experience-item{background:#f8fafc;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:2rem;padding:24px}.experience-item h4{color:#2d3748;margin-bottom:.5rem}.experience-item .date{color:#718096;font-style:italic;margin-bottom:1rem}.experience-item ul{list-style:none;padding-left:1.5rem}.experience-item li{color:#4a5568;margin-bottom:.5rem;position:relative}.experience-item li:before{color:#4299e1;content:"•";left:-1.5rem;position:absolute}.education-list{display:flex;flex-direction:column;gap:24px}.education-item{background:#f8fafc;border-left:4px solid #8b5cf6;border-radius:8px;margin-bottom:1.5rem;padding:24px}.education-item h4{color:#2d3748;margin-bottom:.25rem}.education-item p{color:#4a5568;margin:0}.education-item .date{color:#718096;font-style:italic}.certifications-list{list-style:none;padding:0}.certifications-list li{color:#4a5568;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.certifications-list li:before{content:"🏆";left:0;position:absolute}.resume-footer{background:#f1f5f9;color:#64748b;font-size:.9rem;padding:24px 40px;text-align:center}.resume-footer p{margin:0}.last-updated{color:#94a3b8;font-size:.8rem;margin-top:8px!important}@media (max-width:768px){.resume-container{margin:1rem;padding:1rem}.contact-info{align-items:center;flex-direction:column;gap:.5rem}.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.personal-info .name{font-size:1.8rem}.contact-info{gap:8px}.contact-item{font-size:.9rem}.education-item,.experience-item,.project-item{padding:20px}}@media print{.resume-container{box-shadow:none;margin:0;padding:1rem}.resume-section{page-break-inside:avoid}}.gomoku-game-container{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:0 20px 20px}.gomoku-game-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:10px;text-shadow:0 4px 8px #fbbf244d}.gomoku-game-container h3{color:#cbd5e1;font-size:20px;font-weight:500;margin-bottom:30px;text-align:center}.gomoku-game-board{background:linear-gradient(135deg,#d4a574,#c8956d);border-radius:8px;box-shadow:0 8px 32px #0006,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003;cursor:crosshair;height:630px;padding:21px;position:relative;-webkit-user-select:none;user-select:none;width:630px}.board-grid-lines{bottom:21px;left:21px;pointer-events:none;position:absolute;right:21px;top:21px}.horizontal-line{height:1px;left:0;right:0}.horizontal-line,.vertical-line{background-color:#333;opacity:.8;position:absolute}.vertical-line{bottom:0;top:0;width:1px}.star-point{background-color:#333;border-radius:50%;height:8px;position:absolute;transform:translate(-50%,-50%);width:8px;z-index:1}.pieces-layer{bottom:21px;left:21px;right:21px;top:21px}.gomoku-piece,.pieces-layer{pointer-events:none;position:absolute}.gomoku-piece{border-radius:50%;height:36px;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px;z-index:2}.gomoku-piece-black{background:radial-gradient(circle at 35% 35%,#4a4a4a 0,#1a1a1a 50%,#000 100%);box-shadow:0 3px 8px #0009,inset -2px -2px 4px #00000080,inset 2px 2px 4px #ffffff1a}.gomoku-piece-black,.gomoku-piece-white{animation:piecePlace .4s cubic-bezier(.34,1.56,.64,1)}.gomoku-piece-white{background:radial-gradient(circle at 35% 35%,#fff 0,#f0f0f0 50%,#d0d0d0 100%);box-shadow:0 3px 8px #0000004d,inset -2px -2px 4px #0000001a,inset 2px 2px 4px #fffc}.gomoku-piece-preview{animation:none;opacity:.5;transform:translate(-50%,-50%) scale(.9)}.gomoku-piece-preview.gomoku-piece-black{background:radial-gradient(circle at 35% 35%,#4a4a4a 0,#1a1a1a 50%,#000 100%);box-shadow:0 2px 6px #0006}.gomoku-piece-preview.gomoku-piece-white{background:radial-gradient(circle at 35% 35%,#fff 0,#f0f0f0 50%,#d0d0d0 100%);box-shadow:0 2px 6px #0003}@keyframes piecePlace{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(180deg)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2) rotate(90deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.gomoku-player-select-white-black{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin:10px;min-width:180px;padding:16px 32px;transition:all .3s ease}.gomoku-player-select-white-black:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-3px)}.gomoku-player-select-white-black:active{transform:translateY(-1px)}.game-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 20px #0003;margin-bottom:20px;padding:20px 30px;text-align:center}.game-info h3{color:#fbbf24;font-size:18px;margin:0}.current-player-indicator{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;display:inline-flex;gap:8px;margin-top:10px;padding:8px 16px}.current-player-indicator .piece-preview{border-radius:50%;display:inline-block;height:16px;width:16px}.current-player-indicator .piece-preview.black{background:radial-gradient(circle at 30% 30%,#374151,#111827,#000);border:1px solid #374151}.current-player-indicator .piece-preview.white{background:radial-gradient(circle at 30% 30%,#fff,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}@media (max-width:768px){.gomoku-game-board{height:90vw;max-height:500px;max-width:500px;padding:15px;width:90vw}.board-grid-lines,.pieces-layer{bottom:15px;left:15px;right:15px;top:15px}.gomoku-piece{height:28px;width:28px}.star-point{height:6px;width:6px}}@media (max-width:480px){.gomoku-game-container h2{font-size:28px}.gomoku-game-container h3{font-size:16px}.gomoku-piece{height:22px;width:22px}.gomoku-player-select-white-black{font-size:16px;min-width:150px;padding:12px 24px}}.game-over .gomoku-game-board{opacity:.8;pointer-events:none}.winning-piece{animation:winningGlow 1s ease-in-out infinite alternate}@keyframes winningGlow{0%{box-shadow:0 4px 8px #0006,0 0 20px #fbbf2499}to{box-shadow:0 4px 8px #0006,0 0 30px #fbbf24}}.winner-announcement{animation:fadeInScale .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #fbbf244d;border-radius:16px;box-shadow:0 0 15px #fbbf2433,inset 0 0 15px #fbbf241a;margin:15px auto;max-width:400px;padding:20px;text-align:center}.winner-crown{animation:crownBounce 1s ease-in-out infinite;font-size:36px;margin-bottom:8px}.winner-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;font-size:24px!important;font-weight:700!important;letter-spacing:1px;line-height:1.3;margin:15px 0!important;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.winner-you{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;color:#10b981}.winner-ai,.winner-you{-webkit-text-fill-color:#0000}.winner-ai{background:linear-gradient(135deg,#f43f5e,#e11d48);-webkit-background-clip:text}.winner-unknown{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text}.winner-subtext{color:#94a3b8;font-size:16px;font-weight:500;line-height:1.5;margin-top:8px;opacity:.9}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.winner-announcement{margin:8px;max-width:320px;padding:15px}.winner-crown{font-size:28px}.winner-text{font-size:20px!important}.winner-subtext{font-size:14px}}.dynamic-player-tip{background:#0000004d;border-radius:12px;color:#cbd5e1;font-size:20px;font-weight:500;letter-spacing:.5px;margin-bottom:30px;overflow:hidden;padding:12px 24px;position:relative;text-align:center}.dynamic-player-tip:after{animation:progressBar 2s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf6b3,#06b6d4b3);box-shadow:0 0 10px #8b5cf680;content:"";height:2px;left:0;position:absolute;top:0;width:100%}@keyframes progressBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dot-flash{animation:dotFlash 1.2s steps(3) infinite;color:#8b5cf6;display:inline-block;letter-spacing:2px;margin-left:4px}@keyframes dotFlash{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.new-game-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin:20px auto;min-width:200px;padding:16px 32px;transition:all .3s ease}.new-game-button:hover{box-shadow:0 8px 24px #10b98166;transform:translateY(-3px)}.new-game-button:active{transform:translateY(-1px)}.game-board-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}@media (max-width:480px){.new-game-button{font-size:16px;min-width:160px;padding:12px 24px}}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.winner_modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.winner_modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.winner_modal-content h2{font-size:24px}.winner_modal-content p{font-size:18px;margin:20px 0}.winner_modal-content button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.winner_modal-content button:hover{background-color:#45a049}.winner-message{color:#333;font-size:18px;margin:20px 0}.winner-message.winner{color:#f59e0b}.winner-message.loser{color:#ef4444}
/*# sourceMappingURL=main.9b6c1b44.css.map*/