body{background:#000;color:#fff;font-family:Arial,sans-serif;margin:0;min-height:100vh;min-width:300px;padding:0}.background-effects{animation:float 70s ease-in-out infinite;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform-origin:center;width:100%}.floating-element{animation:stretch 20s ease-in-out infinite;border-radius:50%;left:10%;mix-blend-mode:screen;position:absolute;top:20%}.floating-element:first-child{background:#38b2fc33;filter:blur(60px);height:37.8vh;width:47.25vw}.floating-element:nth-child(2){background:#38b2fc40;filter:blur(40px);height:28.35vh;width:28.35vw}.floating-element:nth-child(3){background:#38b2fc4d;filter:blur(50px);height:34.02vh;width:34.02vw}@keyframes float{0%{opacity:0;transform:translate(-12%,1%) scale(.1)}11%{opacity:1;transform:translate(-12%,1%) scale(1)}30%{opacity:1;transform:translate(25%,10%) scale(1)}40%{opacity:1;transform:translate(70%,15%) scale(1)}45%{opacity:1;transform:translate(40%,50%) scale(1)}50%{opacity:1;transform:translate(10%,80%) scale(1)}55%{opacity:1;transform:translate(45%,65%) scale(1)}60%{opacity:1;transform:translate(80%,50%) scale(1)}65%{opacity:1;transform:translate(55%,15%) scale(1)}70%{opacity:1;transform:translate(30%,-20%) scale(1)}75%{opacity:1;transform:translate(62%,25%) scale(1)}80%{opacity:1;transform:translate(95%,70%) scale(1)}85%{opacity:1;transform:translate(77%,40%) scale(1)}90%{opacity:1;transform:translate(60%,10%) scale(1)}95%{opacity:1;transform:translate(80%,5%) scale(1)}to{opacity:1;transform:translate(100%) scale(1)}}@keyframes stretch{0%{transform:scale(1)}10%{transform:scale(1.2,.8)}20%{transform:scale(1.1,.9)}30%{transform:scale(1.2,.8)}40%{transform:scale(1.1,.9)}50%{transform:scale(1)}60%{transform:scale(1.2,.8)}70%{transform:scale(1.1,.9)}80%{transform:scale(1.2,.8)}90%{transform:scale(1.1,.9)}to{transform:scale(1)}}canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.header h1{animation:fall 1.4s ease-in forwards,shake .5s ease-in-out 1.4s forwards;color:#fff;font-family:Arial Black,Impact,sans-serif;font-size:4.5rem;font-weight:900;letter-spacing:0;margin:100px;text-shadow:-.3px -.3px 0 #000,.3px -.3px 0 #000,-.3px .3px 0 #000,.3px .3px 0 #000;text-transform:uppercase;will-change:transform,opacity}@keyframes fall{0%{opacity:0;transform:translateY(-100vh)}to{opacity:1;transform:translateY(-6%)}}@keyframes shake{0%{transform:translateY(-6%) translateX(0)}20%{transform:translateY(-6%) translateX(2.4px)}40%{transform:translateY(-6%) translateX(-2.4px)}60%{transform:translateY(-6%) translateX(1.2px)}80%{transform:translateY(-6%) translateX(-1.2px)}to{transform:translateY(-6%) translateX(0)}}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.content{border-radius:10px;opacity:0;padding:20px;text-align:center;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;z-index:2}.menu-open{opacity:1;transform:translateY(0)}.header{padding:0}.header h2{color:#00bfff;font-size:2.5rem;font-weight:300;letter-spacing:3px;margin:10px 0;text-shadow:-.3px -.3px 0 #000,.3px -.3px 0 #000,-.3px .3px 0 #000,.3px .3px 0 #000;text-transform:uppercase}.header h2,.header p{font-family:Arial,sans-serif}.header p{animation:fadeIn 2.5s ease-in-out forwards;color:#a0a0a0;font-size:1rem;margin-top:0;text-shadow:-.2px -.2px 0 #000,.2px -.2px 0 #000,-.2px .2px 0 #000,.2px .2px 0 #000}.contact-button{background:none;border:.8px solid #00bfff;border-radius:6px;color:#00bfff;cursor:pointer;font-family:Arial,sans-serif;font-size:1.2rem;letter-spacing:1px;margin-top:30px;padding:13px 30px;text-transform:uppercase;transition:all .3s ease}.contact-button:hover{background:#00bfff1a;box-shadow:0 0 4.9px #00bfff,0 0 8.8px #00bfff;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spoiler-btn{align-items:center;background:#000;border:none;border-radius:10px;box-shadow:0 0 3.3px #00bfff,0 0 6.5px #00bfff;cursor:pointer;display:flex;flex-direction:column;height:47.6px;justify-content:space-around;padding:10px;transition:all .3s ease;width:47.6px}.spoiler-btn:hover{box-shadow:0 0 4.9px #00bfff,0 0 8.8px #00bfff;transform:scale(1.02)}.spoiler-btn span{background:#fff;border-radius:5px;height:3.57px;width:29.75px}.context-menu{background:#000000e6;border-radius:15px 0 0 15px;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:1000}.context-menu.open{transform:translateX(0)}.menu-content{align-items:flex-start;display:flex;flex-direction:column;padding:60px 20px 20px 32px}.menu-content a{color:#cdcdcb;font-size:1.14rem;margin:5.2px 0;text-decoration:none;transition:all .3s ease}.menu-content a:hover{color:#00bfff;transform:scale(1.05)}.privacy-policy{color:#fff;font-family:Arial,sans-serif;font-size:1rem;line-height:1.6;margin:0 auto;max-width:800px;padding:20px;text-align:left}.privacy-policy h1{font-size:2rem;margin-bottom:20px;text-align:center}.privacy-policy p{margin-bottom:15px}.copyright{bottom:6px;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;font-size:.6rem;left:0;padding:0 24px;position:fixed;text-align:center;width:100%;z-index:1002}@media (max-width:408px){.header h1{font-size:clamp(1.5rem,10vw,4.5rem)}}.portfolio-page{background:#0000!important;color:#b5b5b5;font-family:system-ui;margin:0;min-height:100vh;min-width:0;min-width:auto;overflow:hidden}.portfolio-page .background-effects,.portfolio-page .floating-element{display:none!important}.portfolio-page canvas{position:static!important;z-index:auto!important}.portfolio-page .app,.portfolio-page .content{display:block!important;min-height:0!important;min-height:auto!important;opacity:1!important;overflow:visible!important;position:static!important;transform:none!important;transition:none!important}.portfolio-page .header{padding:0!important}.portfolio-page .header h1{animation:none!important;color:#b5b5b5!important;font-family:system-ui!important;font-size:2em!important;font-weight:700!important;letter-spacing:normal!important;margin:0!important;text-shadow:none!important;text-transform:none!important;transform:none!important}.portfolio-container{display:grid;height:100vh;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;width:100vw}.portfolio-canvas{grid-column:1;grid-row:1;height:100%;object-fit:contain;width:100%}.portfolio-content{align-items:center;color:#b5b5b5;display:flex;flex-direction:column;font-family:system-ui;grid-column:1;grid-row:1;justify-content:center;text-align:center}.portfolio-title{font-size:2em;font-weight:700;margin-bottom:20px}.carousel-container{align-items:center;display:flex;gap:30px;justify-content:center;position:relative;width:100%}.carousel-wrapper{overflow:visible;width:1000px}.carousel{display:flex;flex-direction:row;gap:18px;justify-content:center;transition:transform .5s ease}.iframe-wrapper{border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #00000080;cursor:pointer;flex-shrink:0;height:168.75px;overflow:hidden;position:relative;transition:transform .3s ease;width:300px}.iframe-wrapper.center{height:219.38px;width:390px}.iframe-wrapper:hover{transform:scale(1.03)}.portfolio-preview{height:100%;object-fit:contain;object-position:center;width:100%}.carousel-arrow{background:#000;border:none;border-radius:10px;box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff;cursor:pointer;height:40px;position:relative;transition:box-shadow .3s ease;width:40px}.carousel-arrow:hover{box-shadow:0 0 15px #00f0ff,0 0 30px #00f0ff}.carousel-arrow-left:after,.carousel-arrow-left:before{background:#00f0ff;box-shadow:0 0 5px #00f0ff;content:"";height:3px;left:50%;position:absolute;top:50%;width:20px}.carousel-arrow-left:before{transform:translate(-50%,-50%) rotate(-45deg) translateY(-5px)}.carousel-arrow-left:after{transform:translate(-50%,-50%) rotate(45deg) translateY(5px)}.carousel-arrow-right:after,.carousel-arrow-right:before{background:#00f0ff;box-shadow:0 0 5px #00f0ff;content:"";height:3px;left:50%;position:absolute;top:50%;width:20px}.carousel-arrow-right:before{transform:translate(-50%,-50%) rotate(45deg) translateY(-5px)}.carousel-arrow-right:after{transform:translate(-50%,-50%) rotate(-45deg) translateY(5px)}@media screen and (max-width:900px){.carousel-wrapper{min-width:260px;width:74.1vw}.carousel{justify-content:center}.iframe-wrapper{height:32.07653vw;min-height:112.5px;min-width:200px;width:57vw}.iframe-wrapper.center{height:41.69949vw;min-height:146.25px;min-width:260px;width:74.1vw}}@media screen and (max-width:700px){.carousel-container{position:relative}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}}.fade-in{animation:fade-in 1s forwards;opacity:0}@keyframes fade-in{80%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.eab1eb3b.css.map*/