.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary-color, #222);color:var(--text-primary-color, white);padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease}body.dark .navbar{background-color:#181c24f2;border-bottom:1px solid var(--border-color)}body.light .navbar{background-color:#fffffff2;border-bottom:1px solid var(--border-color)}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;margin-left:1rem;z-index:1100;color:var(--text-primary-color);font-size:1.5rem;border-radius:8px;transition:background-color .2s ease}.navbar-hamburger:hover{background-color:#0000001a}body.dark .navbar-hamburger:hover{background-color:#ffffff1a}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--text-primary-color);text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:var(--primary-color)}.navbar-links{display:flex;align-items:center;gap:.5rem}.navbar-links a{color:var(--text-primary-color);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.navbar-links a:hover{color:var(--primary-color);background-color:#007bff1a}.navbar-links a.active{color:var(--primary-color);background-color:#007bff26}.navbar-links a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}.theme-toggle-button{background:none;border:2px solid var(--border-color);color:var(--text-primary-color);cursor:pointer;font-size:1.1rem;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:all .3s ease}.theme-toggle-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:rotate(180deg)}@media (max-width: 900px){.navbar{flex-wrap:wrap;padding:1rem}.navbar-hamburger{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-color);flex-direction:column;align-items:stretch;padding:5rem 1.5rem 2rem;box-shadow:-5px 0 20px #00000026;transition:right .3s ease;gap:.5rem;z-index:1050}.navbar-links.open{right:0}.navbar-links a{padding:1rem;font-size:1.1rem;border-radius:8px}.navbar-links a.active:after{display:none}.theme-toggle-button{margin:1rem 0 0;width:100%;border-radius:8px;padding:1rem}.theme-toggle-button:hover{transform:none}}.navbar-links.open:before{content:"";position:fixed;inset:0 280px 0 0;background:#00000080;z-index:-1}.footer{background-color:var(--bg-secondary-color);color:var(--text-secondary-color);text-align:center;padding:2.5rem 1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-content{max-width:600px;margin:0 auto}.footer-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-social a{color:var(--text-secondary-color);font-size:1.5rem;transition:all .3s ease;padding:.5rem;border-radius:50%}.footer-social a:hover{color:var(--primary-color);transform:translateY(-3px)}.footer-text{font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.heart-icon{color:#e74c3c;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-copyright{font-size:.9rem;margin:0;opacity:.8}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 15px #007bff4d;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--primary-color-hover);transform:translateY(-3px);box-shadow:0 6px 20px #007bff66}.back-to-top:active{transform:translateY(0)}@media (max-width: 600px){.back-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spin 1.5s ease-in-out infinite}.spinner-ring:nth-child(1){border-top-color:var(--primary-color);animation-delay:0s}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-right-color:var(--accent-color, #6366f1);animation-delay:.15s;animation-direction:reverse}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-bottom-color:var(--secondary-color, #8b5cf6);animation-delay:.3s}.spinner-core{position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--primary-color),var(--accent-color, #6366f1));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}.loading-text{color:var(--text-secondary-color);font-size:1rem;font-weight:500;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}[data-theme=dark] .loading-text{color:var(--text-secondary-color)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{max-width:1100px;margin:0 auto;padding:2rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3}:root{--bg-color: #ffffff;--bg-secondary-color: #f8f9fa;--text-primary-color: #1a1a2e;--text-secondary-color: #4a4a68;--primary-color: #007bff;--primary-color-hover: #0056b3;--border-color: #e0e0e0;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545}body.dark{--bg-color: #0f0f1a;--bg-secondary-color: #1a1a2e;--text-primary-color: #f5f6fa;--text-secondary-color: #a0a0b8;--primary-color: #4fd1c5;--primary-color-hover: #38b2ac;--border-color: #2d2d44;--card-shadow: 0 4px 20px rgba(0, 0, 0, .4)}body{background-color:var(--bg-color);color:var(--text-primary-color);transition:background-color .3s ease,color .3s ease}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-color-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color-hover)}.skip-link{position:absolute;top:-100%;left:0;background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;z-index:10000;font-weight:600;border-radius:0 0 .5rem;transition:top .3s ease}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gradient-text{background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.navbar,.footer,.back-to-top{display:none!important}body{background:#fff!important;color:#000!important}a{text-decoration:underline}}