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;margin:0;padding:0}body{background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{color:#fff;min-height:100vh;overflow-x:hidden}.App{background-color:#000;text-align:center;width:100%}.App,.container{display:flex;flex-direction:column;position:relative}.container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem 2rem calc(80px + 3rem);z-index:1}.header{flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem}.header,.logo-left{align-items:center;display:flex}.logo-left{animation:float 3s ease-in-out infinite;gap:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-left img{filter:drop-shadow(0 4px 12px rgba(159,28,49,.5));height:120px;width:auto}.logo-text{display:flex;flex-direction:column;text-align:left}.logo-title{color:#e8e8e8;font-size:2rem;font-weight:300;letter-spacing:1px}.logo-subtitle{color:#b8b8b8;font-size:1rem;font-weight:300}.logo-right img{animation:float 3s ease-in-out 1.5s infinite;filter:drop-shadow(0 4px 12px rgba(159,28,49,.5));height:100px;width:auto}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.title{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#fff,#e0e7ff 20%,#c7d2fe 40%,#a5b4fc 50%,#c7d2fe 60%,#e0e7ff 80%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 0 20px rgba(165,180,252,.4));font-size:4rem;font-weight:700;letter-spacing:.05em;margin-bottom:0;margin-top:1rem;text-align:center}.website-link{color:#fff;font-size:1rem;font-weight:400;margin-bottom:3rem;margin-top:.5rem;text-align:center}@keyframes shimmer{0%{background-position:0}to{background-position:200%}}.clock-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:0;max-width:900px;padding:3rem;width:100%}.clock{margin:0;padding:0;width:100%}.clock h1{color:#fff;font-size:6rem;font-weight:700;letter-spacing:.5rem;margin:0;text-shadow:0 0 20px #9f1c31cc,0 0 40px #9f1c3180}.clock h1,.clock-date{font-family:Courier New,monospace;text-align:center}.clock-date{color:#d8d8d8;font-size:1.5rem;font-weight:600;letter-spacing:.15rem;margin:.5rem 0 2rem}.server-info{align-items:center;color:#b8b8b8;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem;text-align:center}button{background:linear-gradient(135deg,#9f1c31,#7a1625);border:none;border-radius:8px;box-shadow:0 4px 12px #9f1c3166;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}button:hover{box-shadow:0 6px 20px #9f1c3199;transform:translateY(-2px)}button:active{transform:translateY(0)}.timezone-selector{text-align:center;width:100%}.timezone-selector label{color:#e8e8e8;display:block;font-weight:500;margin-bottom:.5rem}select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;min-width:250px;padding:.75rem 1.5rem;transition:all .3s ease}select:hover{background:#ffffff26;border-color:#9f1c3180}select:focus{border-color:#9f1c31;box-shadow:0 0 0 3px #9f1c3133;outline:none}select option{background:#1a1a1a;color:#fff}.bottom-text{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-top:3rem}.tide-text,.time-text{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#9f1c31,#ff4d6d);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;text-shadow:0 0 30px #9f1c3180}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.marquee-container{align-items:center;background:linear-gradient(90deg,#9f1c31e6,#7a1625e6);border-top:2px solid #fff3;bottom:0;box-shadow:0 -4px 20px #00000080;display:flex;height:80px;left:0;overflow:hidden;position:fixed;width:120%;z-index:10}.marquee-content{animation:marquee-scroll 18s linear infinite;display:flex;white-space:nowrap;width:max-content;will-change:transform}.marquee-group{display:flex;flex-shrink:0}.marquee-text{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:.2rem;padding:0 4rem;text-shadow:0 2px 10px #00000080;text-transform:uppercase}.marquee-text--brand{-webkit-text-stroke:1.5px #fff;text-shadow:0 0 18px #fff9,0 2px 10px #00000080}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1024px){.title{font-size:3rem}.clock h1{font-size:4rem;letter-spacing:.3rem}.clock-date{font-size:1.25rem}.tide-text,.time-text{font-size:3rem}.marquee-text{font-size:2rem}}@media (max-width:768px){.container{padding:1rem 1rem calc(60px + 2rem)}.header{justify-content:center;text-align:center}.logo-left{flex-direction:column}.logo-left,.logo-text{text-align:center}.logo-left img,.logo-right img{height:60px}.logo-title{font-size:1.5rem}.title{font-size:2rem}.clock-container{padding:2rem 1rem}.clock h1{font-size:2.5rem;letter-spacing:.2rem}.clock-date{font-size:1rem}.tide-text,.time-text{font-size:2rem}select{min-width:200px}.marquee-container{height:60px}.marquee-text{font-size:1.5rem;padding:0 2rem}}@media (max-width:480px){.logo-title{font-size:1.2rem}.logo-subtitle{font-size:.8rem}.title{font-size:1.5rem}.clock h1{font-size:1.8rem;letter-spacing:.1rem}.clock-date{font-size:.85rem}.tide-text,.time-text{font-size:1.5rem}.server-info{font-size:.75rem}.marquee-text{font-size:1.2rem}button{font-size:.8rem;padding:.4rem 1rem}}
/*# sourceMappingURL=main.0124fedc.css.map*/