.home-page{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.hero-image{border-radius:6px;box-shadow:none;height:auto;margin-bottom:1.5rem;max-width:800px;width:100%}.home-text{max-width:700px;padding:1rem}.home-text h1{font-size:2rem;font-weight:600;margin-bottom:1rem}.home-text p{color:#ccc;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.home-page{justify-content:flex-start;padding:1.5rem}.hero-image{max-width:100%}.home-text{padding:1rem}.home-text h1{font-size:1.8rem}.home-text p{font-size:1rem}}@media (max-width:480px){.home-page{height:auto;justify-content:flex-start;min-height:78vh;padding:1rem}.hero-image{border-radius:4px;margin-bottom:1rem}.home-text{padding:.5rem}.home-text h1{font-size:1.5rem}.home-text p{font-size:.95rem}}.utility-page{color:#fff;line-height:1.6;margin:0 auto;max-width:800px;padding:2rem;text-align:left}.utility-page h1,.utility-page h2{margin-bottom:1rem}.utility-page h2{margin-top:2rem}.utility-page ul{margin-bottom:1rem;margin-left:1.5rem}.utility-page li{margin-bottom:.5rem}.utility-steps{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.utility-step{background:#111;border:1px solid #333;border-radius:8px;overflow:hidden;transition:transform .3s ease}.utility-step:hover{transform:scale(1.01)}.utility-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #222;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:1rem 1.2rem}.utility-header:hover{background-color:#222}.icon{color:#ccc;font-size:1.4rem;transition:transform .3s ease}.icon.rotated{transform:rotate(180deg)}.utility-body{background:#1c1c1c;color:#ccc;font-size:1rem;padding:1rem 1.2rem}.utility-body p{line-height:1.6;margin-bottom:.8rem}@media (max-width:768px){.utility-page{padding:1.5rem}.utility-page h1{font-size:1.8rem}.utility-page h2{margin-bottom:.8rem;margin-top:1.5rem}}@media (max-width:480px){.utility-header{font-size:1rem;padding:.9rem 1rem}.utility-body{font-size:.95rem;padding:.9rem 1rem}.icon{font-size:1.3rem}}.art-page{background-color:#000;color:#fff;min-height:60vh;padding:2rem;text-align:center}.art-page h1{font-size:2rem;margin-bottom:2rem}.gallery-section{background:none;margin-bottom:3rem}.gallery-section h2{color:#ccc;font-size:1.5rem;margin-bottom:1.5rem}.gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;margin:0 auto;max-width:1300px;place-items:center;width:100%}.gallery img,.gallery video{aspect-ratio:1/1.2;border:1px solid #333;border-radius:6px;max-width:240px;object-fit:cover;transition:transform .3s ease,border .3s ease;width:100%}.gallery img:hover,.gallery video:hover{border-color:#666;transform:scale(1.03)}@media (max-width:1024px){.gallery{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width:768px){.gallery{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:480px){.gallery{grid-template-columns:repeat(2,minmax(140px,1fr))}}.artstudio-page{color:#fff;line-height:1.8;margin:0 auto;max-width:900px;min-height:60vh;padding:2rem;text-align:center}.artstudio-page h1{color:red;font-size:2.5rem;margin-bottom:1rem}.artstudio-page h2{color:#0fa;font-size:1.8rem;margin-bottom:1rem;margin-top:2rem;text-shadow:0 0 8px #00ffa3,0 0 12px #00ffa3;transition:color .3s ease,text-shadow .3s ease}.artstudio-page p{font-size:1.2rem;margin-bottom:1.5rem}.artstudio-page ul{list-style-type:none;padding:0}.artstudio-page li{background:#ffffff1a;border-radius:8px;font-size:1.1rem;margin-bottom:.8rem;padding:.8rem}.tagline{color:#f0f;font-size:1.8rem}@media (max-width:768px){.artstudio-page{padding:1.5rem}.artstudio-page h1{font-size:2.2rem}.artstudio-page h2{font-size:1.6rem}.artstudio-page p{font-size:1.1rem}.artstudio-page li{font-size:1rem}.tagline{font-size:1.6rem}}@media (max-width:480px){.artstudio-page{padding:1rem}.artstudio-page h1{font-size:2rem}.artstudio-page h2{font-size:1.4rem}.artstudio-page p{font-size:1rem}.artstudio-page li{font-size:.9rem;padding:.6rem}.tagline{font-size:1.4rem}}.about-page{background-color:#000;color:#fff;line-height:1.8;margin:0 auto;max-width:900px;min-height:60vh;padding:2rem;text-align:center}.about-page h1{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.about-page h2,.about-page h3{color:#ccc;font-size:1.4rem;margin-bottom:1rem;margin-top:2rem}.about-page p{color:#ddd;font-size:1.1rem;margin-bottom:1.5rem}.about-page ul{list-style-type:none;padding:0}.about-page li{background:#111;border-radius:6px;color:#ccc;font-size:1rem;margin-bottom:.8rem;padding:.8rem}.closing-statement{color:#bbb;font-size:1.2rem;font-style:italic;margin-top:2rem}.tagline{font-size:1.5rem}@media (max-width:768px){.about-page{padding:1.5rem}.about-page h1{font-size:2rem}.about-page h2,.about-page h3{font-size:1.3rem}.about-page p{font-size:1rem}.about-page li{font-size:.95rem}.tagline{font-size:1.4rem}}@media (max-width:480px){.about-page{padding:1rem}.about-page h1{font-size:1.8rem}.about-page h2,.about-page h3{font-size:1.2rem}.about-page p{font-size:.95rem}.about-page li{font-size:.9rem;padding:.6rem}.tagline{font-size:1.3rem}}.roadmap-page{background-color:#000;color:#fff;line-height:1.8;margin:0 auto 7vh;max-width:900px;min-height:60vh;padding:2rem;text-align:center}.roadmap-page h1{color:#fff;font-size:2.3rem;font-weight:700;margin-bottom:1rem}.roadmap-page h2{color:#ccc;font-size:1.6rem;margin-bottom:1rem;margin-top:2rem}.roadmap-page p{color:#ddd;font-size:1.1rem;margin-bottom:1.5rem}.roadmap-steps{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.roadmap-step{background:#1c1c1c;border:1px solid #333;border-radius:8px;overflow:hidden;transition:transform .3s ease}.roadmap-step:hover{transform:scale(1.01)}.phase-header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #222;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:1rem 1.2rem;transition:background .3s ease}.phase-header:hover{background-color:#222}.phase-header .icon{color:#ccc;font-size:1.4rem;transition:transform .3s ease}.phase-header .icon.rotated{transform:rotate(180deg)}.phase-tasks{background:#1c1c1c;color:#ccc;font-size:1rem;line-height:1.6;padding:1rem 1.2rem;text-align:left}.phase-tasks li{border-left:2px solid #333;margin-bottom:.8rem;padding-left:.5rem}.tagline{color:#fff;font-size:1.6rem;font-weight:700;margin-top:2rem}@media (max-width:768px){.roadmap-page{padding:1.5rem}.roadmap-page h1{font-size:2rem}.roadmap-page h2{font-size:1.4rem}.roadmap-page p{font-size:1rem}.tagline{font-size:1.4rem}.phase-header{font-size:1rem;padding:.9rem 1rem}.phase-tasks{font-size:.95rem;padding:.9rem 1rem}.phase-header .icon{font-size:1.3rem}}@media (max-width:480px){.roadmap-page{padding:1rem}.roadmap-page h1{font-size:1.8rem}.roadmap-page h2{font-size:1.2rem}.roadmap-page p{font-size:.95rem}.tagline{font-size:1.3rem}.phase-header{font-size:.95rem;padding:.8rem 1rem}.phase-tasks{font-size:.9rem;padding:.8rem 1rem}.phase-header .icon{font-size:1.2rem}}.chat-page{background-color:#000;color:#fff;min-height:80vh;padding:20px;text-align:center}.chat-container{background:#111;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;height:400px;margin:0 auto;max-width:500px;overflow-y:auto;padding:10px}.message{word-wrap:break-word;border-radius:10px;display:inline-block;margin:5px;max-width:90%;padding:8px 12px;white-space:pre-wrap}.message.user{align-self:flex-start;background:#1a1a1a;border-left:3px solid #555;color:#fff;text-align:left}.message.ai{align-self:flex-end;background:#2a2a2a;border-right:3px solid #555;color:#eee;text-align:right}.copy-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:1rem;margin-left:10px}.copy-btn:hover{color:#ccc}.input-container textarea{background:#111;border:1px solid #444;border-radius:5px;color:#fff;height:50px;padding:10px;resize:none;width:400px}.image-generator-page{background-color:#000;color:#fff;min-height:80vh;padding:20px;text-align:center}.image-container{margin:20px 0}.generated-image{border:1px solid #333;border-radius:8px;max-width:400px;width:100%}.warning-text{color:#f44336;font-weight:700;margin-top:10px}.download-btn{align-items:center;background:#0000;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.download-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.input-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.input-container input{background:#111;border:1px solid #444;border-radius:5px;color:#fff;padding:10px;width:300px}.send-btn{background:#0000;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background .3s ease,color .3s ease}.send-btn:hover{background:#fff;color:#000}.setting-page{background:#111;border:1px solid #333;border-radius:10px;color:#fff;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}section{background:#1a1a1a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}h2{color:#ccc}.profile-upload{flex-direction:column}.profile-upload,.upload-box{align-items:center;display:flex}.upload-box{background:#222;border:2px dashed #555;border-radius:50%;cursor:pointer;height:150px;justify-content:center;overflow:hidden;transition:border .3s ease;width:150px}.upload-box.dragging{background-color:#1a1a1a;border:2px dashed #888;color:#ccc}.upload-box img{height:100%;object-fit:cover;width:100%}.profile-preview{border-radius:10px;max-height:100%;max-width:100%;object-fit:cover}input{background:#111;border:1px solid #444;border-radius:5px;color:#fff;margin:8px 0;padding:10px;width:100%}.buttons{display:flex;justify-content:space-around;margin-top:1rem}.cancel-btn,.confirm-btn{background:#0000;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;text-transform:uppercase;transition:background .3s ease,color .3s ease}.cancel-btn:hover,.confirm-btn:hover{background:#fff;color:#000}.auth-container{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center}.auth-box{background:#111;border:1px solid #333;border-radius:10px;padding:30px;text-align:center;width:350px}.tabs{display:flex;justify-content:space-around;margin-bottom:20px}.tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#ccc;cursor:pointer;font-size:16px;padding:10px;transition:all .3s ease}.tabs .active{border-bottom:2px solid #fff;color:#fff;font-weight:700}form input{background:#1a1a1a;border:1px solid #444;border-radius:5px;color:#fff;margin:10px 0;padding:10px;width:90%}.auth-btn{cursor:pointer;font-size:16px;padding:10px;transition:all .3s ease;width:100%}.error-message{color:#f44336;font-size:14px;margin-top:10px}.forgot-password-link{color:#ccc;cursor:pointer;font-size:.85rem;margin-top:8px;text-align:center}.forgot-password-link span:hover{color:#00bfff;text-decoration:underline}.info-message{color:#fff;font-size:.85rem;margin-top:6px;text-align:center}h2{font-size:2.5rem;margin-bottom:1rem}.admin-container,.admin-sidebar{display:flex;height:100vh}.admin-sidebar{background:#1e1e1e;color:#fff;flex-direction:column;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease-in-out;width:250px;z-index:1000}.admin-sidebar h2{font-size:20px;margin-bottom:20px;text-align:center}.admin-sidebar ul{list-style:none;padding:0}.admin-sidebar ul li{border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:.3s}.admin-sidebar ul li:hover{background:#333}.admin-sidebar ul li.active{background:#007bff;color:#fff}.admin-content{flex-grow:1;margin-left:270px;padding:30px;transition:margin-left .3s ease-in-out}.menu-button{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;position:fixed;transition:color .3s ease-in-out;z-index:1100}.admin-table{border-collapse:collapse;font-size:16px;margin-top:20px;width:100%}.admin-table td,.admin-table th{border:1px solid #fff3;padding:12px;text-align:center}.admin-table th{background:#ffffff1a;font-weight:700}.admin-table tr:hover{background:#ffffff0d}.remove-button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px;transition:background .3s ease-in-out,transform .2s ease-in-out}.remove-button:hover{background:darkred;transform:scale(1.05)}.extend-button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px;transition:background .3s ease-in-out}.extend-button:hover{background:#218838}.search-input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}@media (max-width:1024px){.admin-sidebar{width:220px}.admin-content{margin-left:230px}}@media (max-width:768px){.menu-button{color:var(--text-color);display:block}.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-content{margin-left:0}.admin-content.shift{margin-left:250px}.admin-table-container{overflow-x:auto}.admin-table{font-size:14px}.admin-table td,.admin-table th{padding:8px}.extend-button,.remove-button{font-size:14px;padding:6px 10px}}@media (max-width:480px){.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:6px}.extend-button,.remove-button{font-size:12px;padding:5px 8px}}.header{background-color:#000;padding:1rem;position:relative}.nav-bar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-container img{border-radius:5px;filter:grayscale(100%);height:auto;transition:transform .3s ease;width:50px}.logo-video{border-radius:5px;height:50px;object-fit:cover;width:50px}.logo-container img:hover{transform:scale(1.05)}.nav-list{align-items:center;display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-list li{font-size:1rem}.nav-list li a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-list li a:hover{color:#ccc}.nav-list li a.active-link{color:#fff;font-weight:700}.nav-right{align-items:center;display:flex;gap:1rem;text-align:center}.social-icon{color:#fff;font-size:1.4rem;transition:color .3s ease}.social-icon:hover{color:#ccc}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:2rem}.user-profile{align-items:center;cursor:pointer;display:flex;margin-left:10px}.user-profile .user-avatar{border:1px solid #fff;border-radius:50%;height:36px;object-fit:cover;width:36px}.user-profile a{color:#fff;font-size:14px;margin-left:8px;text-decoration:none}.user-profile a:hover{color:#ccc}.user-profile a.active-link{color:#fff;font-weight:700}.mobile-user-profile{align-items:center;border-bottom:1px solid #ffffff1a;display:none;flex-direction:column;padding:15px 0;text-align:center}.mobile-user-profile .user-avatar{border:1px solid #fff;border-radius:50%;height:48px;object-fit:cover;width:48px}.mobile-user-profile a{color:#fff;font-size:14px;margin-top:5px;text-decoration:none}.mobile-user-profile a:hover{color:#ccc}.auth-btn{background:#0000;border:1px solid #fff;border-radius:5px;color:#fff;font-weight:700;padding:8px 15px;text-decoration:none;transition:background .3s,color .3s}.auth-btn:hover{background:#fff;color:#000}.mobile-social-icons{display:none;gap:1rem;justify-content:center;margin-top:1rem}.mobile-social-icons a{color:#fff;font-size:1.8rem;transition:color .3s ease}.mobile-social-icons a:hover:first-child{color:#1da1f2}.mobile-social-icons a:hover:last-child{color:#5865f2}@media (max-width:768px){.mobile-social-icons{display:flex}.nav-bar{flex-direction:row;justify-content:space-between}.mobile-user-profile{display:flex}.nav-list{background-color:#111;display:none;flex-direction:column;padding:1rem 0;position:absolute;right:0;text-align:center;top:60px;width:100%}.nav-list.active{display:flex}.menu-icon{display:block}.nav-right{display:none}}@media (max-width:480px){.nav-list li{font-size:.95rem}.social-icon{font-size:1.2rem}}.footer{background-color:#000;color:#fff;padding:1rem;text-align:center}.social-icons{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-icons a:hover,.social-icons a:last-child:hover{color:#fff}#root,body,html{height:100%;margin:0;min-height:100%;padding:0}body{background-color:#000;color:#fff;font-family:Helvetica,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.content-container{flex:1 1}strong{color:#fff;font-weight:700}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}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.70b8ef21.css.map*/