*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0c29;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}.App{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);justify-content:center;min-height:100vh;overflow:hidden;position:relative}.App,.content-wrapper{align-items:center;display:flex}.content-wrapper{flex-direction:column;gap:1.5rem;max-width:1100px;padding:2rem;width:100%;z-index:1}.title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 2px 20px #6464ff66}.subtitle{color:#ffffffb3;font-size:1.15rem;line-height:1.5;margin:0;max-width:500px;text-align:center;transition:color .6s ease}.image-container{border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #6464ff1a;max-width:900px;overflow:hidden;position:relative;width:90%}.medical-image{display:block;transition:filter 1s cubic-bezier(.4,0,.2,1);width:100%}.medical-image.blurred{filter:blur(8px) saturate(.3) brightness(.7) contrast(.8);transform:scale(1.04)}.medical-image.clear{filter:blur(0) saturate(1) brightness(1) contrast(1);transform:scale(1)}.distortion-overlay{animation:distort-shift 3s ease-in-out infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff08 0,#ffffff08 6px),repeating-linear-gradient(90deg,#0000,#0000 5px,#0000000d 0,#0000000d 10px);inset:0;pointer-events:none;position:absolute}@keyframes distort-shift{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-1px,2px)}75%{transform:translate(1px,1px)}}.button-area{margin-top:.5rem}.glasses-button,.reset-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.6rem;padding:1rem 2.5rem;transition:all .3s ease}.glasses-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 30px #667eea66;color:#fff}.glasses-button:hover:not(:disabled){box-shadow:0 12px 40px #667eea99;transform:translateY(-3px)}.glasses-button:active:not(:disabled){transform:translateY(0)}.glasses-button:disabled{cursor:not-allowed;opacity:.7}.reset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;color:#fff}.reset-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.button-icon{font-size:1.4rem}.glasses-overlay{align-items:center;animation:overlay-bg 2.2s ease forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}@keyframes overlay-bg{0%{background:#0000}10%{background:#0009}70%{background:#0009}to{background:#0000}}.glasses-frame{align-items:center;animation:glasses-enter 2.2s cubic-bezier(.4,0,.2,1) forwards;display:flex;height:110vh;justify-content:center;position:relative;width:110vw}@keyframes glasses-enter{0%{opacity:0;transform:translateY(120vh) scale(3) rotateX(60deg)}15%{opacity:1}40%{transform:translateY(0) scale(1.5) rotateX(10deg)}60%{transform:translateY(-5vh) scale(1) rotateX(0deg)}70%{transform:translateY(0) scale(1) rotateX(0deg)}85%{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}to{opacity:0;transform:translateY(0) scale(15) rotateX(0deg)}}.glasses-bridge{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:0 0 50% 50%;box-shadow:0 4px 10px #00000080;height:2.5vw;left:50%;position:absolute;top:calc(50% - 4vw);transform:translateX(-50%);width:8vw;z-index:3}.glasses-lens{animation:lens-clear 2.2s ease forwards;background:radial-gradient(ellipse at 30% 30%,#b4c8ff26,#648cff0d 50%,#0000 70%);border:1.2vw solid #1a1a2e;border-radius:50% 50% 45% 45%;box-shadow:inset 0 0 30px #6496ff1a,0 8px 30px #0006;height:24vw;overflow:hidden;position:absolute;top:calc(50% - 12vw);width:32vw}@keyframes lens-clear{0%,40%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(ellipse at 30% 30%,#b4c8ff4d,#648cff26 50%,#3250c80d 70%)}70%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:radial-gradient(ellipse at 30% 30%,#b4c8ff0d,#0000 50%)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000}}.glasses-lens-left{left:calc(50% - 37vw)}.glasses-lens-right{right:calc(50% - 37vw)}.lens-glare{animation:glare-fade 2.2s ease forwards;background:linear-gradient(135deg,#ffffff40,#0000 60%);border-radius:50%;height:40%;left:15%;position:absolute;top:10%;width:60%}@keyframes glare-fade{0%,50%{opacity:1}80%,to{opacity:0}}.glasses-arm{background:linear-gradient(90deg,#1a1a2e,#0f3460);box-shadow:0 4px 10px #0000004d;height:1.5vw;position:absolute;top:calc(50% - 5vw);width:30vw;z-index:2}.glasses-arm-left{animation:arm-left-enter 2.2s cubic-bezier(.4,0,.2,1) forwards;border-radius:10px 0 0 10px;right:calc(50% + 35vw);transform-origin:right center}.glasses-arm-right{animation:arm-right-enter 2.2s cubic-bezier(.4,0,.2,1) forwards;border-radius:0 10px 10px 0;left:calc(50% + 35vw);transform-origin:left center}@keyframes arm-left-enter{0%{transform:rotateY(-70deg)}40%{transform:rotateY(-20deg)}60%,70%{transform:rotateY(0deg)}to{transform:rotateY(0deg)}}@keyframes arm-right-enter{0%{transform:rotateY(70deg)}40%{transform:rotateY(20deg)}60%,70%{transform:rotateY(0deg)}to{transform:rotateY(0deg)}}@media (max-width:768px){.title{font-size:1.6rem}.subtitle{font-size:1rem}.glasses-button,.reset-button{font-size:1rem;padding:.8rem 1.8rem}.glasses-lens{border-width:1.5vw;height:30vw;top:calc(50% - 15vw);width:40vw}.glasses-lens-left{left:calc(50% - 44vw)}.glasses-lens-right{right:calc(50% - 44vw)}.glasses-bridge{height:3vw;width:10vw}}
/*# sourceMappingURL=main.f7c2d9ba.css.map*/