.hero-main-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.hero-content-wrapper{z-index:2;text-align:center;width:100%;position:relative}.hero-max-width-container{max-width:1200px;margin:0 auto}.hero-main-container:before{content:"";z-index:1;background:linear-gradient(rgba(26,41,48,.95) 0%,rgba(26,41,48,.8) 50%,rgba(26,41,48,.95) 100%),url(https://www.transparenttextures.com/patterns/cubes.png);width:100%;height:100%;animation:20s linear infinite hero-background-pan;position:absolute;top:0;left:0}@keyframes hero-background-pan{0%{background-position:0 0}to{background-position:100% 100%}}.hero-floating-shape{z-index:1;background:rgba(13,185,242,.1);border-radius:50%;animation:6s ease-in-out infinite hero-float;position:absolute}.hero-floating-shape:first-child{width:60px;height:60px;animation-delay:0s;top:20%;left:10%}.hero-floating-shape:nth-child(2){width:40px;height:40px;animation-delay:2s;top:60%;right:15%}.hero-floating-shape:nth-child(3){width:80px;height:80px;animation-delay:4s;bottom:20%;left:20%}@keyframes hero-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.hero-username-intro{text-align:center;opacity:0;margin-bottom:1rem;animation:.8s ease-out .2s forwards hero-fade-in-down}.hero-command-prompt{color:var(--text-secondary);cursor:pointer;margin-bottom:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;transition:all .3s;display:block}.hero-command-prompt:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(13,185,242,.5);transform:scale(1.05)}.hero-username-display{color:var(--primary-color);letter-spacing:1px;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;font-weight:600;transition:all .3s}.hero-username-display:hover{text-shadow:0 0 15px var(--primary-color);filter:brightness(1.2);transform:scale(1.1)}.hero-status-badges-container{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:.8s ease-out .4s forwards hero-fade-in;display:flex}@media (min-width:640px){.hero-status-badges-container{flex-direction:row}}.hero-status-indicator{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:20px;align-items:center;padding:.5rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.hero-status-indicator:hover{background:var(--glass-background);border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 5px 15px rgba(13,185,242,.2)}.hero-status-dot{background:#0cf;border-radius:50%;width:8px;height:8px;margin-right:.5rem;animation:2s infinite hero-pulse}@keyframes hero-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-location-badge{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:20px;align-items:center;padding:.5rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.hero-location-badge:hover{background:var(--glass-background);border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 5px 15px rgba(13,185,242,.2)}.hero-location-icon{color:var(--primary-color);margin-right:.5rem}.hero-timezone-info{color:var(--primary-color);margin-left:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.hero-main-title{color:var(--text-primary);letter-spacing:-.02em;opacity:0;cursor:pointer;margin-bottom:1.5rem;font-size:2.5rem;font-weight:900;line-height:1.1;transition:all .3s;animation:.8s ease-out .5s forwards hero-fade-in-down}.hero-main-title:hover{text-shadow:0 0 20px rgba(13,185,242,.5);transform:scale(1.05)}@media (min-width:640px){.hero-main-title{font-size:3.75rem}}@media (min-width:768px){.hero-main-title{font-size:4.5rem}}@media (min-width:1024px){.hero-main-title{font-size:5rem}}.hero-gradient-text{background:linear-gradient(135deg,var(--primary-color),#0cf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:all .3s;position:relative}.hero-gradient-text:hover{filter:brightness(1.2);transform:scale(1.02)}.hero-gradient-text:after{content:"";background:linear-gradient(135deg,var(--primary-color),#0cf);opacity:.1;z-index:-1;filter:blur(20px);border-radius:8px;position:absolute;top:0;bottom:0;left:0;right:0}.hero-typing-container{opacity:0;margin-top:1.5rem;animation:.8s ease-out 1s forwards hero-fade-in-up}.hero-typing-text{color:var(--text-secondary);cursor:pointer;margin:0;font-size:1.125rem;font-weight:500;transition:all .3s}.hero-typing-text:hover{color:var(--text-primary);text-shadow:0 0 10px rgba(13,185,242,.3);transform:scale(1.02)}@media (min-width:640px){.hero-typing-text{font-size:1.25rem}}@media (min-width:1024px){.hero-typing-text{font-size:1.5rem}}.hero-typing-prefix{color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;position:relative}.hero-typing-prefix:before{content:"";opacity:0;background:rgba(13,185,242,.1);border-radius:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:-5px;right:-5px}.hero-typing-container:hover .hero-typing-prefix:before{opacity:1}.hero-typed-text{color:var(--text-primary);min-height:1.5em;font-weight:600;display:inline-block}.hero-typing-cursor{color:var(--primary-color);font-weight:400;animation:1s infinite hero-blink}@keyframes hero-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-action-buttons{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2.5rem;animation:.8s ease-out forwards hero-fade-in;display:flex}@media (min-width:640px){.hero-action-buttons{flex-direction:row}}.hero-primary-button{color:#fff;background:var(--primary-color);border:2px solid transparent;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(13,185,242,.3)}@media (min-width:640px){.hero-primary-button{width:auto}}.hero-primary-button:hover{background:rgba(13,185,242,.9);transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,185,242,.4)}.hero-primary-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-primary-button:hover:before{left:100%}.hero-secondary-button{width:100%;color:var(--primary-color);border:2px solid var(--primary-color);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(13,185,242,.1)}@media (min-width:640px){.hero-secondary-button{width:auto}}.hero-secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,185,242,.3)}.hero-social-links{opacity:0;justify-content:center;gap:1.5rem;margin-top:3rem;animation:.8s ease-out forwards hero-fade-in;display:flex}.hero-social-link{color:var(--text-secondary);background:var(--card-background);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:.75rem;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.hero-social-link:hover{color:var(--primary-color);background:var(--glass-background);transform:translateY(-3px);box-shadow:0 10px 25px rgba(13,185,242,.2)}.hero-social-icon{transition:transform .3s}.hero-social-link:hover .hero-social-icon{transform:scale(1.2)}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero-username-intro:hover .hero-username-display{transition:transform .3s;transform:scale(1.05)}[data-theme=dark] .hero-main-container:before{background:linear-gradient(rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.95) 100%),url(https://www.transparenttextures.com/patterns/cubes.png)}
