:root{--primary:#4f46e5;--primary-hover:#4338ca;--text-main:#0f172a;--text-muted:#64748b;--bg-body:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0cc;--radius-lg:20px;--radius-md:10px;--shadow-sm:0 1px 3px #00000005;--shadow-md:0 20px 25px -5px #0000000d,0 10px 10px -5px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;background-color:var(--bg-body);color:#0f172a;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-content{align-items:flex-start;animation:slideUp .5s ease-out;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f0cc;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #00000005;box-shadow:var(--shadow-sm);display:flex;height:100px;justify-content:space-between;padding:16px 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header h2{color:#0f172a;color:var(--text-main);font-size:1.25rem;font-weight:800;letter-spacing:-.5px}.header h2:after{color:#4f46e5;color:var(--primary);content:"."}.nav-buttons{align-items:center;display:flex;gap:6px}.nav-buttons a{border-radius:10px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:10px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-buttons a:hover{background:#4f46e50d;color:#4f46e5;color:var(--primary)}.nav-buttons a.active{background:#4f46e5;background:var(--primary);box-shadow:0 4px 12px #4f46e533;color:#fff}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:15px}.nav-buttons{justify-content:center;overflow-x:auto;padding-bottom:5px;width:100%}.nav-buttons a{font-size:.8rem;padding:8px 12px;white-space:nowrap}.app-content{padding:20px 10px}}.main-footer{background:#fff;border-top:1px solid #e2e8f0cc;margin-top:auto;padding:24px 5%;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand{color:#0f172a;font-size:1.1rem;font-weight:700}.footer-brand span{color:#4f46e5}.footer-links p,.footer-socials{color:#64748b;font-size:.85rem}.footer-socials{cursor:pointer;display:flex;gap:20px}.footer-socials span:hover{color:#4f46e5}@media (max-width:768px){.footer-content{flex-direction:column;gap:15px;text-align:center}}.login-container{animation:slideUp .5s ease-out;max-width:440px;padding:20px;width:100%}.login-card,.welcome-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 1px 3px #00000005,0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;padding:48px 40px}.login-title{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:.95rem;margin-bottom:32px}.form-group input{background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.login-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:12px;padding:14px;transition:transform .1s ease,background .2s ease;width:100%}.login-btn:hover{background:#4338ca}.login-btn:active{transform:scale(.98)}.logout-btn{background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;color:#dc2626;cursor:pointer;font-weight:600;margin-top:24px;padding:12px 32px;transition:all .2s ease}.logout-btn:hover{background:#fee2e2}.error-text{border:1px solid #ffe4e6;border-radius:8px;font-size:.85rem;margin-bottom:16px;padding:10px}.login-footer{color:#64748b;font-size:.875rem;margin-top:24px}.login-footer span{color:#4f46e5;cursor:pointer;font-weight:600;margin-left:4px}.login-footer span:hover{text-decoration:underline}.welcome-card{text-align:center}.welcome-text{color:#4f46e5;font-size:1.125rem;font-weight:500;margin-top:16px}.registration-container{animation:slideUp .5s ease-out;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:440px;padding:20px;width:100%}.preview-card,.registration-form{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 1px 3px #00000005,0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;box-sizing:border-box;padding:40px}.registration-form h2{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:24px;text-align:left}.form-group{margin-bottom:20px;text-align:left}.form-group label{font-weight:500}.registration-form input{background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.registration-form input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.registration-form span{color:#e11d48;display:block;font-size:.8rem;font-weight:500;margin-top:6px}.registration-form button{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:12px;padding:14px;transition:transform .1s ease,background .2s ease;width:100%}.registration-form button:hover{background:#4338ca}.registration-form button:active{transform:scale(.98)}.preview-card h3{margin-top:4px}.preview-card p strong{color:#334155;font-weight:600}.input-with-prefix{align-items:center;background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;display:flex;width:100%}.input-with-prefix .prefix{background:#0000;border-right:1px solid #e2e8f0;color:#94a3b8;font-size:1rem;padding:6px 14px 15px 12px}.input-with-prefix input{background:#0000;border:none;flex:1 1;font-size:1rem;padding:12px 16px}.input-with-prefix input:focus{outline:none}.input-with-prefix:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.home-container{animation:slideUp .5s ease-out;display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:900px;padding:40px 20px;width:100%}.home-navbar{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.nav-logo{color:#0f172a;font-size:1.5rem;font-weight:700}.nav-logo span{color:#4f46e5}.nav-links{align-items:center;display:flex;gap:24px}.nav-links a{color:#64748b;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#4f46e5}.nav-auth-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 18px}.hero-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d;padding:60px 40px;text-align:center}.hero-badge{background:#4f46e51a;border-radius:20px;color:#4f46e5;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:20px;padding:6px 12px}.hero-card h1{color:#0f172a;font-size:2.5rem;letter-spacing:-.025em;margin-bottom:16px}.hero-card p{color:#64748b;line-height:1.6;margin:0 auto 32px;max-width:600px}.primary-button{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-right:12px;padding:14px 28px;transition:transform .1s ease,background .2s ease}.primary-button:hover{background:#4338ca}.primary-button:active{transform:scale(.98)}.secondary-button{background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-weight:600;padding:14px 28px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;text-align:center}.info-card h3{color:#4f46e5;font-size:1.5rem;margin-bottom:5px}.info-card p{color:#64748b;font-size:.875rem}.preview-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;padding:40px}.preview-card h3{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:1.25rem;margin-bottom:16px;padding-bottom:10px}.preview-card p{color:#64748b;display:flex;font-size:.95rem;justify-content:space-between;margin:12px 0}.home-footer{color:#94a3b8;font-size:.85rem;margin-top:20px;text-align:center}.about-container{animation:slideUp .5s ease-out;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:40px 20px;width:100%}.page-header{margin-bottom:20px;text-align:center}.badge{background:#4f46e51a;border-radius:20px;color:#4f46e5;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:16px;padding:6px 12px}.about-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 10px 15px -3px #0000000d;padding:32px}.about-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.icon-box{font-size:2rem;margin-bottom:12px}.about-card h3,.about-card h4{color:#0f172a;margin-bottom:12px}.about-card p{color:#64748b;line-height:1.6}.contact-container{animation:slideUp .5s ease-out;margin:40px auto;max-width:900px;padding:0 20px;width:100%}.contact-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1.2fr}.contact-form{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 20px 25px -5px #0000000d;display:flex;flex-direction:column;gap:16px;padding:40px}.form-group label{color:#334155;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.contact-form input,.contact-form textarea{background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;outline:none}.submit-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:12px;padding:14px;transition:transform .1s ease,background .2s ease;width:100%}.submit-btn:hover{background:#4338ca}.submit-btn:active{transform:scale(.98)}.contact-info-card{padding:20px}.contact-info-card h2{color:#0f172a;margin-bottom:12px}.info-item{display:flex;flex-direction:column;gap:4px;margin-top:24px}.info-item strong{color:#4f46e5;font-size:.9rem}.info-item span{color:#64748b}@media (max-width:768px){.about-grid,.contact-grid{grid-template-columns:1fr}}.fetch-container{animation:slideUp .5s ease-out;margin:0 auto;max-width:1000px;padding:20px;text-align:center;width:100%}.fetch-container h2{color:#0f172a;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:32px}.card-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 1px 3px #00000005,0 20px 25px -5px #0000000d;display:flex;flex-direction:column;padding:30px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 25px 30px -10px #00000014;transform:translateY(-5px)}.card h4{color:#4f46e5;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:12px}.card p{color:#64748b;flex-grow:1;font-size:.95rem;line-height:1.6}.read-more{align-items:center;background:#fdfdfd;border:1px solid #e2e8f0;border-radius:10px;color:#4f46e5;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;margin-top:20px;padding:12px;transition:all .2s ease;width:100%}.read-more:hover{background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;color:#fff}.read-more:active{transform:scale(.98)}.read-more:after{content:"→";margin-left:8px}.loading-text{color:#64748b;font-weight:500;margin-top:50px}.error-text{background:#fff1f2;border-radius:10px;color:#e11d48;display:inline-block;margin-top:50px;padding:15px 30px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7f0770b6.css.map*/