:root{--primary-red:#ff3e00;--background-dark:#121212;--text-light:#fff;--btn-background:#ff3e00;--btn-hover-background:#ff5c33}body{background-image:url(/image/tech.jpg);background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;background-color:var(--background-dark);color:var(--text-light);font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:50px 20px;text-align:center}.title,h1,h2{color:var(--primary-red);margin-bottom:20px}.title{font-weight:700;font-size:35px;text-align:center}p{margin-bottom:20px}.btn{background-color:var(--btn-background);padding:10px 20px;text-decoration:none;display:inline-block;font-size:16px}.tech-icon{display:flex;justify-content:center;margin-bottom:20px}.tech-icon img{max-width:100%;height:auto}.post-form{background-color:#2c2c2c;padding:25px;border-radius:15px;margin-bottom:30px;box-shadow:0 5px 15px rgba(255,62,0,.1);transition:all .3s ease;max-width:600px;margin-left:auto;margin-right:auto}.post-form:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,62,0,.2)}.post-form textarea{border-radius:10px;min-height:100px;width:calc(100% - 30px)}.post-form button{padding:10px 20px}@media (max-width:768px){.post-form{padding:20px}.post-form textarea{min-height:80px}.post-form button{width:100%;margin-top:10px}}.post-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:40px;margin-right:auto}.post-card{background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);padding:20px;transition:all .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(255,62,0,.3)}.post-card .post-header h3{margin:0;font-size:16px}.post-card .post-comments{font-size:18px}.post-card .post-actions{display:flex;justify-content:space-between;margin-top:15px}.post-card .post-actions button{background:none;border:none;cursor:pointer;font-size:18px;transition:transform .3s ease}.post-card .post-actions button:hover{transform:scale(1.1)}.post-card .post-actions button.like-btn{color:#ff3e00}.post-card .post-actions button.comment-btn{color:#1e90ff}@media (max-width:1200px){.post-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.post-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.post-list{grid-template-columns:1fr}}.features-container{margin-top:40px}.feature-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.feature-card{background-color:#2c2c2c;color:#fff;padding:20px;border-radius:8px;flex:1 1;min-width:250px;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(255,62,0,.3)}.feature-card h3{margin-bottom:10px}.feature-card p{margin-bottom:15px}@media (max-width:768px){.feature-card,.post-card{width:100%}.feature-cards{flex-direction:column}.post-form button{width:100%}}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1}.footer{background-color:#2c2c2c;color:#fff;padding:40px 20px;margin-top:auto}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-left{text-align:left}.brand-name{font-weight:700;font-size:1.5rem;margin-bottom:5px}.all-rights{font-size:.8rem;font-weight:300}.footer-right{text-align:right;padding-right:20px}.footer-right p{margin:5px 0}.mail-icon{margin-right:5px}.footer-social{display:flex;justify-content:center;gap:20px;margin-top:30px}.footer-social a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:#f0f0f0;text-decoration:underline}@media (max-width:768px){.footer-content{flex-direction:column;align-items:center}.footer-left,.footer-right{text-align:center;margin-bottom:20px;padding-right:0}.footer-social{flex-direction:column;align-items:center}}.main-nav{background-color:var(--background-dark);position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 4%;box-shadow:0 2px 5px rgba(0,0,0,.2)}.nav-container{justify-content:space-between;height:68px}.nav-container,.nav-left{display:flex;align-items:center}.nav-logo{color:var(--primary-red);font-size:1.8rem;font-weight:700;text-decoration:none;margin-right:30px}.nav-right{display:flex;align-items:center}.nav-links{display:flex;gap:20px}.nav-links a{color:var(--text-light);text-decoration:none;font-size:.9rem;transition:color .3s ease}.nav-links a.active,.nav-links a:hover{color:var(--primary-red)}.nav-auth{display:flex;align-items:center;gap:20px;margin-left:20px}.account-btn,.create-post-btn,.join-btn,.signin-btn{background-color:var(--primary-red);color:var(--text-light);border:none;padding:8px 16px;border-radius:3px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease;text-decoration:none}.signin-btn{background-color:transparent;border:1px solid var(--primary-red)}.account-btn:hover,.create-post-btn:hover,.join-btn:hover,.signin-btn:hover{background-color:var(--btn-hover-background)}.account-dropdown{position:relative}.dropdown-content{position:absolute;right:0;top:100%;background-color:var(--background-dark);min-width:120px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:3px}.dropdown-content a{color:var(--text-light);padding:12px 16px;text-decoration:none;display:block;font-size:.9rem}.dropdown-content a:hover{background-color:hsla(0,0%,100%,.1)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}@media (max-width:768px){.nav-container{flex-wrap:wrap}.nav-left{width:100%;justify-content:space-between}.mobile-menu-toggle{display:block}.nav-right{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:20px 0}.nav-right.mobile-open{display:flex}.nav-links{flex-direction:column;width:100%}.nav-links a{padding:10px 0}.nav-auth{flex-direction:column;margin-left:0;margin-top:20px}.account-dropdown,.join-btn,.nav-auth,.signin-btn{width:100%}.account-btn,.join-btn,.signin-btn{text-align:center;margin-top:10px}.dropdown-content{position:static;width:100%}}@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");.members-container{max-width:1200px;margin:0 auto;padding:40px 20px}.members-title{font-family:Share Tech Mono,monospace;font-size:3rem;text-align:center;margin-bottom:40px;color:var(--primary-red)}.loading-message,.no-members-message,.sign-in-message{font-family:Share Tech Mono,monospace;font-size:1.5rem;text-align:center;color:var(--text-light);margin-top:40px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:30px;gap:30px}.member-card{background-color:rgba(46,44,44,.7);box-shadow:0 5px 10px rgba(255,62,0,.2);border-radius:10px;padding:20px;position:relative;transition:all .3s ease;overflow:hidden}.member-card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(215,3,3,.2)}.member-number{position:absolute;top:10px;left:10px;font-family:Share Tech Mono,monospace;font-size:1rem;color:var(--primary-red)}.member-name{font-size:1.5rem;margin-bottom:10px}.member-course,.member-name{font-family:Share Tech Mono,monospace;color:var(--text-light);text-transform:capitalize}.member-course{font-size:1rem;opacity:.7}.member-card:hover .member-course,.member-card:hover .member-name{animation:float 2s ease-in-out infinite}.member-card:hover .member-name{font-size:1.8rem}.member-card:hover .member-course{font-size:1.2rem}.load-more-btn{display:block;margin:30px auto 0;padding:10px 20px;font-size:1rem;background-color:var(--primary-red);color:var(--text-light);border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background-color:var(--btn-hover-background);transform:translateY(-2px)}@media (max-width:1024px){.members-title{font-size:2.5rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.members-title{font-size:2rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.member-card{padding:15px}.member-name{font-size:1.2rem}.member-course{font-size:.9rem}.member-card:hover .member-name{font-size:1.4rem}.member-card:hover .member-course{font-size:1rem}}@media (max-width:480px){.members-title{font-size:1.8rem}.members-grid{grid-template-columns:1fr}.member-card{max-width:300px;margin:0 auto}}.todo-container{max-width:600px;margin:40px auto;padding:20px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:all .3s ease}.todo-container:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(255,62,0,.2)}.todo-container h1{font-family:Share Tech Mono,monospace;font-size:2.5rem;color:var(--primary-red);margin-bottom:20px;text-align:center}.todo-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.todo-input{width:100%;padding:12px 15px;font-size:1rem;background-color:#2c2c2c;border:2px solid #4c4c4c;border-radius:8px;color:var(--text-light);transition:all .3s ease}.todo-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,62,0,.1)}.add-todo-btn{padding:12px 20px;font-size:1rem;background-color:var(--primary-red);color:var(--text-light);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:700}.add-todo-btn:hover{background-color:var(--btn-hover-background);transform:translateY(-2px);box-shadow:0 5px 10px rgba(255,62,0,.2)}.todo-list{list-style-type:none;padding:0}.todo-item{display:flex;align-items:center;background-color:#2c2c2c;margin-bottom:10px;padding:15px;border-radius:8px;transition:all .3s ease}.todo-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.todo-text{flex-grow:1;margin-left:10px;color:var(--text-light);font-size:1rem;word-break:break-word}.todo-completed{text-decoration:line-through;opacity:.6}.todo-toggle{margin-right:10px;font-size:1.2rem}.todo-delete,.todo-toggle{cursor:pointer;color:var(--primary-red)}.todo-delete{background-color:transparent;border:none;font-size:1rem;transition:all .3s ease;padding:5px;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.todo-delete:hover{color:tomato;transform:scale(1.1)}.sign-in-message{text-align:center;font-size:1.2rem;color:var(--text-light);margin-top:40px}@media (min-width:768px){.todo-form{flex-direction:row}.todo-input{flex-grow:1}.add-todo-btn{width:auto}}@media (max-width:480px){.todo-container{margin:20px 10px;padding:15px}.todo-container h1{font-size:2rem}.add-todo-btn,.todo-input,.todo-text{font-size:.9rem}.todo-delete,.todo-toggle{font-size:1rem}}.feed-container{max-width:900px;margin:40px auto;padding:20px;transition:all .3s ease}.feed-title{font-family:Share Tech Mono,monospace;font-size:2.5rem;color:var(--primary-red);margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.post-prompt{background-color:#2c2c2c;padding:20px;border-radius:10px;margin-bottom:30px;box-shadow:0 5px 15px rgba(255,62,0,.1);transition:all .3s ease}.post-prompt:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,62,0,.2)}.post-prompt h2{font-size:1.3rem;color:var(--text-light);margin-bottom:15px;text-align:center}.post-form{display:flex;flex-direction:column}.post-form textarea{background-color:#3c3c3c;border:2px solid #4c4c4c;border-radius:8px;padding:15px;color:var(--text-light);font-size:1rem;resize:vertical;min-height:120px;margin-bottom:15px;transition:all .3s ease}.post-form textarea:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,62,0,.1)}.form-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.character-count{font-size:.9rem;color:#888;margin-bottom:10px}.file-input-label{background-color:#4c4c4c;color:var(--text-light);padding:10px 15px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-bottom:10px}.file-input-label:hover{background-color:#5c5c5c}.file-input{display:none}.post-form button{background-color:var(--primary-red);color:var(--text-light);border:none;border-radius:25px;padding:12px 25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.post-form button:hover:not(:disabled){background-color:var(--btn-hover-background);transform:translateY(-2px);box-shadow:0 5px 10px rgba(255,62,0,.2)}.post-form button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px rgba(255,62,0,.2)}.post-form button:disabled{background-color:#4c4c4c;cursor:not-allowed}.loading-message{text-align:center;color:var(--text-light);font-size:1.1rem}@media (max-width:768px){.feed-container{padding:15px}.feed-title{font-size:2rem}.post-prompt{padding:15px}.post-form textarea{min-height:100px}.form-actions{flex-direction:column;align-items:stretch}.file-input-label,.post-form button{width:100%;margin-bottom:10px;text-align:center}.character-count{text-align:right;margin-bottom:10px}}.auth-container{max-width:400px;margin:40px auto;padding:40px 20px;background-color:#1e1e1e;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:all .3s ease}.auth-container:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(255,62,0,.2)}.auth-container h1{font-family:Share Tech Mono,monospace;font-size:2rem;color:var(--primary-red);margin-bottom:10px;text-align:center}.auth-subtitle{text-align:center;color:var(--text-light);margin-bottom:20px;font-size:1rem}.auth-form{flex-direction:column;gap:15px}.auth-form,.input-group{display:flex}.auth-form input{width:100%;padding:12px 12px 12px 40px;border:2px solid #3c3c3c;border-radius:5px;background-color:#2c2c2c;color:var(--text-light);font-size:1rem;transition:all .3s ease}.auth-form input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,62,0,.1)}.btn-primary{background-color:var(--primary-red);color:var(--text-light);border:none;padding:12px 20px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary:hover{background-color:var(--btn-hover-background);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-red);border:2px solid var(--primary-red);padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background-color:rgba(255,62,0,.1)}.error-message{color:tomato;margin-top:10px}.error-message,.success-message{text-align:center;font-size:.9rem}.success-message{color:#4caf50;margin-top:20px}.auth-switch{margin-top:20px;text-align:center}.auth-switch p{margin-bottom:10px;font-size:.9rem}@media (max-width:480px){.auth-container{padding:20px;margin:20px auto}.auth-container h1{font-size:1.8rem}.auth-subtitle{font-size:.9rem}.btn-primary,.btn-secondary{width:100%}.auth-form input{font-size:.9rem}}.auth-layout{padding:20px}.about-container{max-width:1200px;margin:80px auto 40px;padding:30px;background-color:#1e1e1e;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:all .3s ease}.about-container:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(255,62,0,.2)}.about-title{font-family:Share Tech Mono,monospace;font-size:3rem;color:var(--primary-red);text-align:center;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.about-content{display:flex;gap:40px;align-items:flex-start}.about-image{flex:1 1;position:-webkit-sticky;position:sticky;top:100px;text-align:center}.floating-image{border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.brand-name{font-size:2rem;color:#f5f5f5;margin-top:20px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.about-text{flex:2 1}.activities-section,.join-section,.meeting-section,.mission-section{background-color:#2c2c2c;padding:30px;border-radius:10px;margin-bottom:30px;transition:all .3s ease}.activities-section:hover,.join-section:hover,.meeting-section:hover,.mission-section:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.activities-list{list-style-type:none;padding:0}.activities-list li{display:flex;align-items:center;margin-bottom:15px;font-size:1.1rem;transition:all .3s ease}.activities-list li:hover{transform:translateX(10px);color:var(--primary-red)}.activities-list li svg{margin-right:15px;color:var(--primary-red);font-size:1.3rem}@media (max-width:1024px){.about-container{margin:60px auto 30px;padding:25px}.about-title{font-size:2.5rem}.about-content{flex-direction:column}.about-image{position:static;margin-bottom:30px}.floating-image{width:250px;height:250px}.activities-section h2,.brand-name,.join-section h2,.meeting-section h2,.mission-section h2{font-size:1.8rem}.activities-list li{font-size:1rem}}@media (max-width:768px){.about-container{margin:40px auto 20px;padding:20px}.about-title{font-size:2rem}.floating-image{width:200px;height:200px}.brand-name{font-size:1.5rem}.activities-section,.join-section,.meeting-section,.mission-section{padding:20px}.activities-section h2,.join-section h2,.meeting-section h2,.mission-section h2{font-size:1.5rem}.activities-list li svg{font-size:1.1rem}}@media (max-width:480px){.about-title{font-size:1.8rem}.floating-image{width:150px;height:150px}.activities-section h2,.brand-name,.join-section h2,.meeting-section h2,.mission-section h2{font-size:1.3rem}.activities-list li{font-size:.9rem}}.profile-container{max-width:800px;margin:40px auto;padding:30px;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.profile-container h1,.profile-container h2{font-family:Share Tech Mono,monospace;color:var(--primary-red);margin-bottom:20px;text-align:center}.password-form,.profile-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.input-group{position:relative}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--primary-red)}.input-group input{width:100%;padding:12px 12px 12px 40px;border:2px solid #3c3c3c;border-radius:5px;background-color:#2c2c2c;color:var(--text-light);font-size:1rem;transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,62,0,.1)}.btn{background-color:var(--primary-red);color:var(--text-light);border:none;padding:12px 20px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background-color:var(--btn-hover-background);transform:translateY(-2px)}.message{margin-top:20px;padding:10px;border-radius:5px;text-align:center;font-weight:700}.success-message{background-color:#10eb10;color:#0b0b0b}.error-message{background-color:#0707f1;color:#0d0d0f}.post-comments{margin-top:20px}.comment-form{margin-top:15px}.comment-input-container{display:flex;gap:10px}.comment-input{flex-grow:1;padding:10px 15px;font-size:1rem;background-color:#3c3c3c;border:2px solid #4c4c4c;border-radius:8px;color:var(--text-light);transition:all .3s ease}.comment-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px rgba(255,62,0,.1)}.comment-submit-btn{background-color:var(--primary-red);color:var(--text-light);border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.comment-submit-btn:hover{background-color:var(--btn-hover-background);transform:translateY(-2px);box-shadow:0 5px 10px rgba(255,62,0,.2)}.comment-submit-btn:active{transform:translateY(0);box-shadow:0 2px 5px rgba(255,62,0,.2)}@media (max-width:768px){.comment-input-container{flex-direction:column}.comment-submit-btn{width:100%}}