@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-color:#4ca6c9;--primary-light:#82c1d9;--primary-dark:#3c89af;--secondary-color:#ff9800;--secondary-light:#ffb74d;--secondary-dark:#f57c00;--purple-accent:#8b5cf6;--purple-light:#c4b5fd;--purple-dark:#6d28d9;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--text-primary:#212121;--text-secondary:#757575;--background-default:#f8fafc;--background-paper:#fff;--border-color:#e0e0e0;--shadow-light:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001a;--shadow-heavy:0 8px 24px #0000001f;--gradient-primary:linear-gradient(135deg,#4ca6c9,#3c89af);--gradient-secondary:linear-gradient(135deg,#ff9800,#f57c00);--gradient-purple:linear-gradient(135deg,#8b5cf6,#6d28d9);--gradient-background:#f8fafc;--glass-background:#fffffffa;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--gradient-background);color:#212121;color:var(--text-primary);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;min-height:100vh}code{background-color:#16a0851a;border-radius:4px;font-family:Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,Droid Sans Mono,Liberation Mono,Menlo,Consolas,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:.875em;padding:2px 6px}#root{min-height:100vh;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--background-default)}::-webkit-scrollbar-thumb{background:#82c1d9;background:var(--primary-light);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#4ca6c9;background:var(--primary-color)}::selection{background-color:#16a08533;color:#212121;color:var(--text-primary)}::-moz-selection{background-color:#16a08533;color:#212121;color:var(--text-primary)}:focus-visible{border-radius:4px;outline:2px solid #4ca6c9;outline:2px solid var(--primary-color);outline-offset:2px}.glass-morphism{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--glass-background);border:1px solid #00000014;border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-medium)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ca6c9,#3c89af);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top:4px solid #4ca6c9;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){html{font-size:14px}}.App{background:#f8fafc;min-height:100vh;position:relative}.app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border-bottom:1px solid #00000014;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.app-header.scrolled{box-shadow:0 4px 12px #00000014}.app-logo{height:32px;transition:transform .3s ease;width:auto}.app-logo:hover{transform:scale(1.05)}.nav-item{border-radius:8px;color:var(--text-primary);font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#4ca6c914;color:#4ca6c9}.nav-item.active{background:#4ca6c9;color:#fff}.page-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding:40px 20px}.content-wrapper{margin:0 auto;max-width:1200px;width:100%}.feature-card{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:32px;text-align:center;transition:all .3s ease-in-out}.feature-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.feature-card .icon{align-items:center;background:#4ca6c9;border-radius:12px;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.feature-card h3{color:var(--text-primary);font-weight:600;margin-bottom:12px}.feature-card p{color:var(--text-secondary);line-height:1.6}.btn-primary{align-items:center;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 8px 25px #16a0854d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{align-items:center;background:#0000;border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 26px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-color);box-shadow:0 8px 25px #16a0854d;color:#fff;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#16a0851a,#f39c121a);border-radius:30px;margin:20px;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.hero-section:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="200" cy="200" r="100" fill="url(%23a)"/><circle cx="800" cy="300" r="150" fill="url(%23a)"/><circle cx="400" cy="700" r="120" fill="url(%23a)"/></svg>');bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.hero-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:24px;position:relative}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.125rem,2.5vw,1.5rem);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;position:relative}.stats-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:40px 0}.stat-item{background:var(--glass-background);border:1px solid var(--glass-border);border-radius:16px;padding:24px;text-align:center}.stat-number{color:var(--primary-color);display:block;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-weight:500;margin-top:8px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.loading-text{color:var(--text-secondary);font-weight:500}.error-container{color:var(--error-color);padding:40px;text-align:center}.error-message{font-size:1.125rem;margin-bottom:16px}.success-message{background:#27ae601a;border:1px solid #27ae6033;border-radius:12px;color:var(--success-color);font-weight:500;margin:16px 0;padding:16px 20px}@media (max-width:768px){.page-container{padding:20px 16px}.feature-card{padding:24px}.hero-section{margin:16px;padding:60px 20px}.stats-container{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:480px){.btn-primary,.btn-secondary{padding:16px 20px;width:100%}.hero-section{padding:40px 16px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce{animation:bounce 1s infinite}
/*# sourceMappingURL=main.85de6ecb.css.map*/