@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";main{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}:root{--primary-gradient: linear-gradient( 45deg, #ff8a00, #e52e71, #9d4edd, #2f80ed, #00d4aa );--bg-primary: #000000;--bg-secondary: #010101;--grid-color: rgba(255, 255, 255, .03);--accent-glow: rgba(255, 138, 0, .3)}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes backgroundGradient{0%{background:linear-gradient(45deg,#000,#020202,#000,#010101)}25%{background:linear-gradient(45deg,#020202,#000,#010101,#030303)}50%{background:linear-gradient(45deg,#000,#010101,#030303,#000)}75%{background:linear-gradient(45deg,#010101,#030303,#000,#020202)}to{background:linear-gradient(45deg,#000,#020202,#000,#010101)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{height:100vh;width:100vw;margin:0;padding:0;background:var(--bg-primary);background-image:linear-gradient(45deg,#000,#020202,#000,#010101);background-size:400% 400%;animation:backgroundGradient 15s ease infinite;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;animation:fadeInUp 1s ease-out}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,var(--accent-glow) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(157,78,221,.2) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='grid' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='%23333' stroke-width='0.5' opacity='0.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='60' height='60' fill='url(%23grid)'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,60px 60px;background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(5px) translate(-5px)}75%{transform:translateY(-5px) translate(10px)}}.gradient-text{font-size:clamp(2rem,8vw,4rem);font-weight:700;text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:400% 400%;animation:gradient-flow 10s ease-in-out infinite;transition:all .6s cubic-bezier(.4,0,.2,1);line-height:1.2;letter-spacing:-.02em;position:relative;cursor:pointer;text-shadow:0 0 40px rgba(255,138,0,.3)}.gradient-text:hover{transform:scale(1.05);filter:brightness(1.2)}.gradient-text:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:400% 400%;animation:gradient-flow 10s ease-in-out infinite;filter:blur(2px);opacity:.7;z-index:-1}.gradient-text.fade-out{opacity:0;transform:translateY(-20px) scale(.95)}.gradient-text.fade-in{opacity:1;transform:translateY(0) scale(1)}.hidden-easter-egg{position:fixed;bottom:20px;right:20px;font-size:12px;opacity:.1;cursor:pointer;transition:all .3s ease;z-index:100;-webkit-user-select:none;user-select:none;transform:rotate(15deg)}.hidden-easter-egg:hover{opacity:.6;transform:rotate(15deg) scale(1.2);filter:drop-shadow(0 0 8px rgba(255,138,0,.4))}@media (max-width: 768px){body{padding:20px}.gradient-text{font-size:clamp(1.5rem,6vw,3rem)}}@media (max-width: 480px){body{padding:15px}.gradient-text{font-size:clamp(1.2rem,5vw,2.5rem)}}@media (max-height: 500px){.gradient-text{font-size:clamp(1rem,4vw,2rem)}}