.header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-container{width:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo-text{font-size:24px;font-weight:700;color:#1e40af}.nav{display:flex;gap:32px;align-items:center}.nav-link{text-decoration:none;color:#374151;font-weight:500;font-size:16px;transition:color .2s}.nav-link:hover{color:#1e40af}.apply-btn{background:#1e40af;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s}.apply-btn:hover{background:#1d4ed8}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span{width:25px;height:3px;background:#374151;transition:all .3s}@media (max-width: 768px){.nav{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 6px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:12px 0;border-bottom:1px solid #e5e7eb;width:100%;text-align:center}.menu-toggle{display:flex}.apply-btn{display:none}}@media (max-width: 480px){.header-container{padding:0 20px}.logo-text{font-size:20px}}.footer{background:#1e40af;color:#fff;padding:60px 0 20px}.footer-container{width:100%;margin:0 auto;padding:0 40px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-column h3{margin:0 0 20px;font-size:18px;font-weight:600}.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px}.logo-icon{font-size:24px}.logo-text{font-size:24px;font-weight:700}.footer-description{color:#bfdbfe;line-height:1.6;margin-bottom:24px}.social-links{display:flex;gap:16px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:8px;text-decoration:none;font-size:18px;transition:background-color .2s}.social-link:hover{background:#fff3}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#bfdbfe;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.contact-info p{color:#bfdbfe;margin-bottom:12px;display:flex;align-items:center;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#bfdbfe}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-column{text-align:center}.social-links{justify-content:center}}@media (max-width: 480px){.footer{padding:32px 0 16px}.footer-container{padding:0 20px}.footer-content{gap:24px}.logo-text{font-size:20px}.footer-description,.contact-info p{font-size:14px}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-overlay{position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.loading-spinner{position:relative;width:40px;height:40px}.loading-small .loading-spinner{width:24px;height:24px}.loading-large .loading-spinner{width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #667eea;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}.spinner-ring:nth-child(4){animation-delay:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#666;font-size:.9rem;font-weight:500;margin:0;text-align:center}.loading-small .loading-text{font-size:.8rem}.loading-large .loading-text{font-size:1.1rem}.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}@media (prefers-color-scheme: dark){.loading-overlay{background:#000000f2}.loading-text{color:#ccc}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:none;border-top-color:#667eea}}#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}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#e0f2fe,#b3e5fc,#81d4fa,#4fc3f7,#29b6f6);background-attachment:fixed;background-size:cover}a{font-weight:500;color:#3b82f6;text-decoration:inherit}a:hover{color:#2563eb}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}