@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:248 100% 66%;--primary-foreground:0 0% 100%;--secondary:194 86% 58%;--secondary-foreground:222.2 47.4% 11.2%;--muted:224 38% 93%;--muted-foreground:218 11% 65%;--accent:261 100% 67%;--accent-foreground:0 0% 100%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:224 38% 93%;--input:224 38% 93%;--ring:248 100% 66%;--radius:0.75rem;--tech-purple:248 100% 66%;--tech-indigo:249 51% 37%;--accent-cyan:194 86% 58%;--dark-grey:231 41% 18%}.dark{--background:229 41% 10%;--foreground:#f7f8fa;--card:233 47% 14%;--card-foreground:224 100% 98%;--popover:233 47% 14%;--popover-foreground:224 100% 98%;--primary:248 100% 74%;--primary-foreground:0 0% 100%;--secondary:194 86% 58%;--secondary-foreground:222.2 47.4% 11.2%;--muted:225 15% 72%;--muted-foreground:225 15% 72%;--accent:261 100% 67%;--accent-foreground:0 0% 100%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:232 30% 24%;--input:232 30% 24%;--ring:248 100% 74%}}@layer utilities{.px-mobile-optimized{padding-left:6%;padding-right:6%}@media (min-width:768px){.px-mobile-optimized{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.px-mobile-optimized{padding-left:4rem;padding-right:4rem}}}@layer base{*{@apply border-border}body{@apply bg-background text-foreground;font-family:Source Han Sans CN,Helvetica,Arial,sans-serif}}.glass-nav{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;opacity:.6;pointer-events:none}.parallax-text{transform:translateZ(0);transition:transform .1s ease-out}.ripple-btn{position:relative;overflow:hidden}.ripple-btn:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple-btn:active:after{transform:scale(0);opacity:.3;transition:0s}.hover-glow{transition:all .3s ease;border:1px solid transparent}.hover-glow:hover{transform:translateY(-5px);border-color:#00f5ff;box-shadow:0 10px 30px rgba(0,122,255,.1)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.5);border-radius:20px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsla(220,9%,46%,.8)}.page-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}.btn-hero-breath{position:relative;z-index:1}.btn-hero-breath:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;animation:weak-breathe 3s ease-in-out infinite;transition:opacity .3s ease-out;opacity:1}.btn-hero-breath:active:after,.btn-hero-breath:hover:after{opacity:0}@keyframes vertical-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes horizontal-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-vertical-scroll{animation:vertical-scroll 20s linear infinite}.animate-horizontal-scroll{animation:horizontal-scroll 20s linear infinite}.pause-on-hover:hover{animation-play-state:paused}@media (max-width:768px){.animate-horizontal-scroll,.animate-vertical-scroll{animation:none!important;transform:none!important}}.title-underline-anim{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size 1s ease-in-out;padding-bottom:3px;display:inline}.group:hover .title-underline-anim{background-size:100% 2px}.touch-target-sm{min-width:48px;min-height:48px}.touch-target-md{min-width:56px;min-height:56px}.h-mobile-optimized{height:250px}@media (min-width:768px){.h-mobile-optimized{height:400px}}img[loading=lazy]{opacity:1;transition:opacity .3s ease-in-out}img[loading=lazy][loading]{opacity:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-enter{animation:modalEnter .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-exit{animation:modalExit .2s cubic-bezier(.16,1,.3,1) forwards}