body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%),linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;position:relative;overflow:hidden}.App:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.construction-container{max-width:800px;padding:60px 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;position:relative;z-index:1}.construction-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;pointer-events:none}.construction-icon{font-size:80px;margin-bottom:30px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{font-size:3.5rem;margin-bottom:20px;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.construction-message{font-size:1.2rem;margin-bottom:15px;opacity:.9;line-height:1.6}.construction-submessage{font-size:1.1rem;margin-bottom:30px;opacity:.8;line-height:1.6}.contact-info{margin-top:40px;padding:30px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff4d;position:relative}.contact-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:15px;pointer-events:none}.contact-info h2{font-size:1.5rem;margin-bottom:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.contact-info p{margin-bottom:10px;font-size:1rem;opacity:.9}.construction-container{position:relative;overflow:hidden}.construction-container:hover{box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3,0 0 30px #ffffff26;transform:translateY(-1px)}.construction-container:hover:after{animation-duration:20s,25s,30s;transform:scale(1.02) rotate(1deg);filter:brightness(1.3) hue-rotate(5deg)}.touch-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;z-index:10}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.construction-container:active{transform:translateY(-1px) scale(.98);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3,0 0 80px #ffffff80}.App:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at calc(var(--mouse-x, 50%) + 20%) calc(var(--mouse-y, 50%) - 20%),rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at calc(var(--mouse-x, 50%) - 20%) calc(var(--mouse-y, 50%) + 20%),rgba(255,255,255,.15) 0%,transparent 35%);pointer-events:none;z-index:0;transition:all .1s ease;opacity:calc(var(--mouse-active, 0) * .8)}.App:after{animation:touchRipple .3s ease-out calc(var(--touch-ripple, 0) * 1)}@keyframes touchRipple{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.construction-container:after{filter:brightness(calc(1 + var(--multi-touch, 0) * .5)) hue-rotate(calc(var(--multi-touch, 0) * 20deg))}@media (hover: none) and (pointer: coarse){.construction-container:active:after{animation-duration:2s,2.5s,3s,1.5s;transform:scale(1.5) rotate(10deg);filter:brightness(3) hue-rotate(40deg) saturate(2)}}.construction-container{transform:scale(calc(var(--pinch-scale, 1)));transition:transform .1s ease}.construction-container:before{animation:doubleTapPulse .2s ease-out calc(var(--double-tap, 0) * 1)}@keyframes doubleTapPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.construction-container:after{animation:longPressGlow .5s ease-out calc(var(--long-press, 0) * 1)}@keyframes longPressGlow{0%{filter:brightness(1) hue-rotate(0deg);transform:scale(1)}to{filter:brightness(2) hue-rotate(30deg);transform:scale(1.2)}}.construction-container{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (hover: none) and (pointer: coarse){.construction-container{touch-action:manipulation}.construction-container:active{transform:scale(.95);transition:transform .1s ease}.construction-container:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:touchRippleEffect .3s ease-out calc(var(--touch-ripple, 0) * 1);pointer-events:none;z-index:5}@keyframes touchRippleEffect{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}}@media (max-width: 768px){h1{font-size:2.5rem}.construction-icon{font-size:60px}.construction-container{padding:40px 20px;margin:20px}}