:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e8eaed;--color-text: #202124;--color-text-secondary: #5f6368;--color-primary: #1a73e8;--color-secondary: #8e44ad;--color-button-bg: #202124;--color-button-text: #ffffff;--color-button-secondary-bg: #f8f9fa;--color-button-secondary-text: #202124;--font-family: "Google Sans", "Inter", "Roboto", sans-serif;--gradient-primary: linear-gradient(135deg, #1a73e8 0%, #4285f4 100%);--gradient-secondary: linear-gradient(135deg, #1a73e8 0%, #8e44ad 100%);--gradient-text: linear-gradient(135deg, #202124 0%, #5f6368 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(26, 115, 232, .15), 0 4px 12px rgba(0, 0, 0, .1);--particle-color: rgba(26, 115, 232, .6);--header-bg: rgba(255, 255, 255, .9)}[data-theme=dark]{--color-bg: #0d0d0d;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #242424;--color-text: #e8eaed;--color-text-secondary: #9aa0a6;--color-primary: #8ab4f8;--color-secondary: #c58af9;--color-button-bg: #e8eaed;--color-button-text: #0d0d0d;--color-button-secondary-bg: #242424;--color-button-secondary-text: #e8eaed;--gradient-primary: linear-gradient(135deg, #8ab4f8 0%, #aec7fa 100%);--gradient-secondary: linear-gradient(135deg, #8ab4f8 0%, #c58af9 100%);--gradient-text: linear-gradient(135deg, #e8eaed 0%, #9aa0a6 100%);--shadow-sm: 0 2px 8px rgba(138, 180, 248, .1);--shadow-md: 0 2px 8px rgba(138, 180, 248, .1), 0 8px 24px rgba(138, 180, 248, .15);--shadow-lg: 0 12px 32px rgba(138, 180, 248, .2), 0 4px 12px rgba(138, 180, 248, .1);--particle-color: rgba(138, 180, 248, .5);--header-bg: rgba(13, 13, 13, .9)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit;transition:all .3s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.theme-toggle{position:relative;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.toggle-track{width:52px;height:28px;background:var(--color-bg-secondary);border-radius:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.toggle-track:hover{box-shadow:var(--shadow-md)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-button-bg);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.toggle-track.dark .toggle-thumb{transform:translate(24px)}.toggle-icon{width:14px;height:14px;color:var(--color-button-text);transition:all .3s ease}.toggle-icon.sun{animation:rotate 20s linear infinite}.toggle-icon.moon{animation:glow 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:1}50%{opacity:.8}}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:30px}.icon-carousel-section{padding:60px 0;background-color:var(--color-bg-secondary);overflow:hidden;position:relative;transition:background-color .3s ease}.icon-carousel-container{max-width:100%;overflow:hidden;position:relative}.icon-carousel-track{display:flex;animation:scroll 30s linear infinite;width:fit-content}.icon-carousel-track:hover{animation-play-state:paused}.icon-carousel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;padding:20px 30px;margin:0 10px;transition:all .3s ease;cursor:pointer}.icon-carousel-item:hover{transform:translateY(-8px)}.icon-carousel-icon{font-size:48px;color:var(--color-text-secondary);margin-bottom:12px;transition:all .3s ease}.icon-carousel-item:hover .icon-carousel-icon{color:var(--color-primary);transform:scale(1.1)}.icon-carousel-label{font-size:14px;color:var(--color-text-secondary);font-weight:500;text-align:center;font-family:Google Sans,Inter,sans-serif;transition:color .3s ease}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media(max-width:768px){.icon-carousel-item{min-width:120px;padding:15px 20px}.icon-carousel-icon{font-size:36px}.icon-carousel-label{font-size:12px}}