@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{background:#0000000d;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-top:0}p{margin-bottom:1em}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:12px 24px;transition:all .3s ease}button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}button:active{transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}::selection{background:#667eea33;color:#2c3e50}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{animation:glow 2s ease-in-out infinite}.hover-bounce:hover{animation:bounce 1s}.btn-primary{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-primary:hover:before{height:300px;width:300px}.btn-primary:active{transform:scale(.98)}.card-hover{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.card-hover:hover:before{left:100%}.card-hover:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.image-hover{overflow:hidden;position:relative;transition:all .3s ease}.image-hover:after{background:linear-gradient(135deg,#0000001a,#0000004d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-hover:hover:after{opacity:1}.image-hover img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.image-hover:hover img{transform:scale(1.1)}.text-gradient{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{animation:reveal 1s ease-out forwards;background:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes reveal{0%{transform:translateX(0)}to{transform:translateX(100%)}}.loading-dots{display:inline-block}.loading-dots:after{animation:loadingDots 1.5s infinite;content:""}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.skeleton{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translateX(-50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-slide-left.visible{opacity:1;transform:translateX(0)}.scroll-slide-right{opacity:0;transform:translateX(50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-slide-right.visible{opacity:1;transform:translateX(0)}.notification-enter{animation:notificationSlideIn .3s ease-out forwards;opacity:0;transform:translateX(100%)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-exit{animation:notificationSlideOut .3s ease-in forwards}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.focus-ring{position:relative}.focus-ring:focus{outline:none}.focus-ring:focus:after{animation:focusPulse 2s infinite;border:2px solid #667eea;border-radius:6px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}@keyframes focusPulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.card-hover:hover,.hover-lift:hover,.image-hover:hover img{transform:none}.btn-primary:hover:before{height:0;width:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.btn-primary:before,.card-hover,.card-hover:before,.hover-bounce,.hover-glow,.hover-lift,.hover-scale,.image-hover,.image-hover:after{animation:none!important;transform:none!important;transition:none!important}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar:hover{background:#fffffffa;box-shadow:0 2px 8px #00000026}.navbar.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #00000026}.navbar.mobile-open,.navbar.scrolled{background:#fffffffa}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 40px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{cursor:pointer;font-size:1.5em;font-weight:700;transition:all .3s ease}.logo-text{color:#3b82f6;margin-right:4px}.logo-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1877f2,#42a5f5);-webkit-background-clip:text;background-clip:text}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo .logo-link{align-items:center;cursor:pointer;display:flex;font-size:1.5em;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo .logo-link:hover{transform:scale(1.05)}.navbar-center{display:flex;flex:1 1;justify-content:center}.navbar-menu{display:flex;gap:32px;list-style:none;margin:0;padding:0}.navbar-menu .nav-link{background:none;border:none;color:#1c1e21;cursor:pointer;font-size:.95em;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar-menu .nav-link:hover{color:#1877f2;transform:translateY(-1px)}.navbar-menu .nav-link.active{color:#1877f2}.navbar-menu .nav-link.active:after{background:linear-gradient(90deg,#1877f2,#42a5f5);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.dropdown-container{position:relative}.dropdown-toggle{align-items:center;display:flex;gap:6px}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 32px #00000026;left:50%;min-width:220px;position:absolute;top:100%;transform:translateX(-50%);z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:.9em;margin:2px 4px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#1877f214;color:#1877f2;transform:translateX(2px)}.dropdown-item.active{background:#1877f21a;color:#1877f2;font-weight:600}.dropdown-icon{font-size:1.1em;margin-right:10px}.dropdown-name{flex:1 1}.dropdown-indicator{color:#1877f2;font-weight:700;margin-left:auto}.navbar-right{align-items:center;display:flex}.navbar-categories{display:flex;gap:8px;margin-right:16px}.navbar-category-button{align-items:center;background:#1877f21a;border:1px solid #1877f233;border-radius:20px;color:#1877f2;cursor:pointer;display:flex;font-size:.85em;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.navbar-category-button:hover{background:#1877f226;border-color:#1877f24d;transform:translateY(-1px)}.navbar-category-button.active{background:#1877f233;border-color:#1877f2;color:#1877f2;font-weight:600}.category-icon{font-size:1em}.blog-dropdown-container{margin-right:16px;position:relative}.blog-dropdown-toggle{align-items:center;background:#1877f21a;border:1px solid #1877f233;border-radius:20px;color:#1877f2;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.blog-dropdown-toggle:hover{background:#1877f226;border-color:#1877f24d;transform:translateY(-1px)}.blog-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 32px #00000026;margin-top:8px;min-width:220px;position:absolute;right:0;top:100%;z-index:1001}.blog-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#1c1e21;cursor:pointer;display:flex;font-size:.9em;margin:2px 4px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.blog-dropdown-item:hover{background:#1877f214;color:#1877f2;transform:translateX(2px)}.blog-dropdown-item.active{background:#1877f21a;color:#1877f2;font-weight:600}.search-form{position:relative;transition:all .3s ease}.search-container{align-items:center;background:#f0f2f5;border:1px solid #0000;border-radius:24px;display:flex;padding:8px 16px;transition:all .3s ease}.search-form.focused .search-container{background:#fff;border-color:#e4e6ea;box-shadow:0 4px 20px #00000026;transform:scale(1.02)}.search-input{background:#0000;border:none;color:#1c1e21;font-size:.9em;outline:none;padding:8px 12px;transition:all .3s ease;width:200px}.search-input::placeholder{color:#8a8d91}.search-form.focused .search-input{width:250px}.search-button{background:#0000;border:none;border-radius:50%;color:#8a8d91;cursor:pointer;padding:6px;transition:all .3s ease}.search-button:hover{background:#1877f21a;color:#1877f2;transform:scale(1.1)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;margin-left:16px;padding:0;transition:all .3s ease;width:30px}.mobile-menu-toggle .hamburger-line{background:#1c1e21;border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-toggle.open .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #0000000f;left:0;max-height:calc(100vh - 70px);opacity:0;overflow-y:auto;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-content{margin:0 auto;max-width:400px;padding:24px 20px}.mobile-search{margin-bottom:32px}.mobile-search .search-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;padding:12px 16px}.mobile-search .search-input{font-size:16px;width:100%}.mobile-blog-categories h3,.mobile-categories h3{border-bottom:2px solid #1877f2;color:#1c1e21;font-size:1.2em;font-weight:600;margin-bottom:16px;padding-bottom:8px}.mobile-category-list{display:flex;flex-direction:column;gap:8px}.mobile-category-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#1c1e21;cursor:pointer;display:flex;font-size:.95em;padding:16px 20px;text-align:left;transition:all .2s ease;width:100%}.mobile-category-item:hover{background:#1877f20d;border-color:#1877f2;transform:translateX(4px)}.mobile-category-item.active{background:#1877f21a;border-color:#1877f2;color:#1877f2;font-weight:600}.mobile-category-icon{font-size:1.2em;margin-right:12px}.mobile-category-name{flex:1 1;font-weight:500}.mobile-category-indicator{color:#1877f2;font-weight:700;margin-left:auto}@media (max-width:1024px){.navbar-container{padding:16px 24px}.navbar-menu{gap:24px}.search-input{width:160px}.search-form.focused .search-input{width:200px}.dropdown-menu{min-width:200px}}@media (max-width:768px){.navbar-container{padding:12px 16px}.navbar-center{display:none}.mobile-menu-toggle{display:flex}.navbar-categories{display:none}.search-input{width:140px}.search-form.focused .search-input{width:180px}.dropdown-menu{left:50%;min-width:200px;transform:translateX(-50%)}.dropdown-item{font-size:.85em;padding:10px 12px}}@media (max-width:480px){.navbar-container{padding:12px}.navbar-logo{font-size:1.2em}.search-input{width:120px}.search-form.focused .search-input{width:160px}.search-container{padding:6px 12px}.dropdown-menu{left:50%;min-width:180px;transform:translateX(-50%)}.dropdown-item{font-size:.85em;padding:10px 12px}.mobile-menu-content{padding:20px 16px}.mobile-category-item{font-size:.9em;padding:14px 16px}}.categories-section{background:#fff;border-bottom:1px solid #e4e6ea;padding:60px 0}.categories-container{margin:0 auto;max-width:1400px;padding:0 40px}.categories-title{color:#1c1e21;font-size:2em;font-weight:600;margin-bottom:40px;text-align:center}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.category-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:16px;color:#65676b;cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:center;min-height:60px;padding:16px 24px;position:relative;text-decoration:none;transition:all .3s ease}.category-item:hover{background:#e4e6ea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.category-item.active{background:linear-gradient(135deg,#1877f2,#42a5f5);border-color:#1877f2;box-shadow:0 8px 25px #1877f24d;color:#fff}.category-item.active:hover{background:linear-gradient(135deg,#166fe5,#3b9ffb);box-shadow:0 12px 35px #1877f266}.category-icon{font-size:1.5em;transition:transform .3s ease}.category-item:hover .category-icon{transform:scale(1.1)}.category-name{font-size:.95em;white-space:nowrap}.category-indicator{background:#fff;border-radius:2px;bottom:-2px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}@media (max-width:1024px){.categories-container{padding:0 24px}.categories-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.categories-section{padding:40px 0}.categories-container{padding:0 20px}.categories-title{font-size:1.5em;margin-bottom:30px}.categories-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.category-item{min-height:50px;padding:12px 16px}.category-name{font-size:.9em}.category-icon{font-size:1.3em}}@media (max-width:480px){.categories-section{padding:30px 0}.categories-container{padding:0 16px}.categories-title{font-size:1.3em;margin-bottom:20px}.categories-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.category-item{flex-direction:column;min-height:70px;padding:12px 8px;text-align:center}.category-name{font-size:.8em;margin-top:4px}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:80px;overflow:hidden;position:relative}.footer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1400px;padding:60px 40px 40px;position:relative;z-index:1}.footer-section{display:flex;flex-direction:column}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8em;font-weight:700;margin-bottom:16px}.footer-description{color:#fffc;font-size:.95em;line-height:1.6;margin-bottom:24px}.social-links{display:flex;gap:16px}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#fffc;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-3px)}.footer-section h4{color:#fff;font-size:1.2em;font-weight:600;margin-bottom:20px;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fffc;font-size:.95em;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links a:hover{color:#fff;transform:translateX(5px)}.footer-links a:hover:after{width:100%}.newsletter-text{color:#fffc;font-size:.9em;line-height:1.5;margin-bottom:16px}.newsletter{display:flex;gap:12px;margin-top:8px}.newsletter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;flex:1 1;font-size:.9em;padding:12px 16px}.newsletter-input::placeholder{color:#fff9}.newsletter-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.newsletter-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.newsletter-button:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:40px;padding-bottom:30px;padding-top:30px}.footer-bottom-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.footer-bottom p{color:#fff9;font-size:.9em;margin:0}.footer-tagline{color:#ffffff80!important;font-style:italic}@media (max-width:1024px){.footer-container{gap:40px;grid-template-columns:1fr 1fr;padding:50px 30px 30px}.footer-section:first-child{grid-column:1/-1}}@media (max-width:768px){.footer-container{gap:30px;grid-template-columns:1fr;padding:40px 20px 20px}.social-links{justify-content:center;margin-top:16px}.newsletter{flex-direction:column}.newsletter-button{align-self:stretch}.footer-bottom-container{flex-direction:column;gap:16px;padding:0 20px;text-align:center}}@media (max-width:480px){.footer-container{padding:30px 15px 15px}.footer-logo{font-size:1.5em}.footer-section h4{font-size:1.1em}.social-links{gap:12px}.social-link{height:36px;width:36px}}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;padding-top:70px;text-align:left}main{margin:0;overflow:hidden;position:relative}.loading,main{background:#fff}.loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:1.1em;justify-content:center;min-height:60vh;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-left-color:#3b82f6;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:80px 20px;text-align:center}.error h2{color:#dc2626;font-size:2em;font-weight:600;margin-bottom:16px}.error p{color:#64748b;font-size:1.1em;margin-bottom:32px}.retry-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;padding:12px 24px;transition:all .2s ease}.retry-button:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width:768px){.App{padding-top:0}.error,.loading{min-height:40vh;padding:60px 20px}.error h2{font-size:1.5em}.loading-spinner{border-width:2px;height:32px;width:32px}}@media (prefers-contrast:high){.App{background:#fff}.error,.loading,main{background:#fff;border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.0164babd.css.map*/