*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6;border:1px solid #94a3b81a;border-radius:16px;max-width:450px;padding:3rem;width:100%}.auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.auth-subtitle{color:#94a3b8;margin-bottom:2rem}.btn-block{margin-top:1rem;width:100%}.auth-footer{color:#94a3b8;margin-top:2rem;text-align:center}.auth-footer a{color:#60a5fa;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.home-container{min-height:100vh}.hero-section{background:linear-gradient(135deg,#1e293b,#0f172a);overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 50% 50%,#60a5fa1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#94a3b8;font-size:1.5rem;line-height:1.6;margin-bottom:2.5rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-large{font-size:1.1rem;padding:1rem 2.5rem}.features-section{background:#0f172a80;padding:5rem 2rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#1e293bcc;border:1px solid #94a3b81a;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{border-color:#60a5fa4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#e2e8f0;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#94a3b8;line-height:1.6}.servers-section{background:#0f172a4d;padding:5rem 2rem}.servers-preview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.server-preview-card{background:#1e293be6;border:1px solid #94a3b81a;border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s}.server-preview-card:hover{border-color:#60a5fa4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.server-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.server-preview-header h3{color:#e2e8f0;font-size:1.5rem}.server-preview-price{color:#60a5fa;font-size:1.2rem;font-weight:700}.server-preview-description{color:#94a3b8;line-height:1.6;margin-bottom:1rem}.server-preview-slots{color:#cbd5e1;font-size:.9rem;margin-bottom:1rem}.cta-section{background:linear-gradient(135deg,#1e293b,#0f172a);padding:5rem 2rem;text-align:center}.cta-section h2{color:#e2e8f0;font-size:2.5rem;margin-bottom:1rem}.cta-section p{color:#94a3b8;font-size:1.2rem;margin-bottom:2rem}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.features-grid,.servers-preview-grid{grid-template-columns:1fr}}.profile-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.profile-stat-card{background:#0f172a80;border:1px solid #94a3b81a;border-radius:8px;padding:1.5rem}.profile-stat-label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.profile-stat-value{font-size:2rem;font-weight:700}.profile-info-section{margin-bottom:1.5rem}.profile-info-label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.profile-info-value{color:#e2e8f0;font-size:1.1rem;font-weight:600}@media (max-width:768px){.profile-stats-grid{grid-template-columns:1fr}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border-bottom:1px solid #94a3b81a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-brand{align-items:center;color:#e2e8f0;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.brand-icon{font-size:2rem}.navbar-links{align-items:center;display:flex;gap:1.5rem}.navbar-links a{color:#cbd5e1;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#60a5fa}.navbar-user{color:#94a3b8;font-size:.9rem}.notification-container{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:12px;left:50%;max-width:500px;pointer-events:none;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:10000}.notification{align-items:flex-start;animation:slideIn .3s ease-out;background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;pointer-events:auto;transition:transform .2s,box-shadow .2s}.notification:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;transform:translateY(-2px)}.notification-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.notification-icon{flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1.2}.notification-message{color:#e2e8f0;flex:1 1;font-size:.9rem;line-height:1.5}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:color .2s;width:20px}.notification-close:hover{background:#ffffff1a;color:#e2e8f0}.notification-success{border-left:4px solid #4ade80}.notification-success .notification-icon{color:#4ade80}.notification-error{border-left:4px solid #f87171}.notification-error .notification-icon{color:#f87171}.notification-warning{border-left:4px solid #fbbf24}.notification-warning .notification-icon{color:#fbbf24}.notification-info{border-left:4px solid #60a5fa}.notification-info .notification-icon{color:#60a5fa}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-container{bottom:10px;left:50%;max-width:none;transform:translateX(-50%);width:calc(100% - 20px)}.notification{padding:12px}.notification-message{font-size:.85rem}}.App{background:linear-gradient(135deg,#0f172a,#1e293b)}.App,.loading{min-height:100vh}.loading{align-items:center;color:#60a5fa;display:flex;font-size:1.5rem;justify-content:center}.container{margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#94a3b8;font-size:1.1rem}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-2px)}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#94a3b81a;border:1px solid #94a3b833;color:#e2e8f0}.btn-secondary:hover{background:#94a3b833}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.form-group{margin-bottom:1.5rem}.form-group label{color:#cbd5e1;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;outline:none}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.server-card{display:flex;flex-direction:column}.alert{border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#4ade80}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.alert-info{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}
/*# sourceMappingURL=main.9fb3c801.css.map*/