body,html{height:100%;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}#app{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#333;background-color:#fff;line-height:1.6;padding:0;margin:0;min-height:100vh;display:flex;flex-direction:column}.hero{background-color:#1a1a1a;color:#ff8c00;text-align:center;padding:2.5rem 0;position:relative;border-bottom:1px solid #333;box-shadow:0 1px 3px #00000080}.hero .container{position:relative}.hero-content h1{font-size:2.5rem;margin:0;cursor:pointer;font-weight:600;color:#fff;text-shadow:none}.hero-content h1:hover{color:#fff;text-shadow:none}.hero-content p{margin-top:.5rem;color:#666;font-size:1.05rem}.menu{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;gap:.8rem}.menu .btn{background-color:#333;color:#fff;border:none;padding:.8rem 1.2rem;font-size:1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;text-shadow:none}.menu .btn:hover{background-color:#ff8c00;color:#fff}.btn-primary{background-color:#ff8c00;color:#fff;text-shadow:none}.btn-primary:hover{background-color:#ff8c00;color:#fff}main{flex:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,#5a5a5a,#1a1a1a);color:#fff;font-family:Courier New,Courier,monospace;overflow:hidden}.footer{background-color:#1a1a1a;color:#fff;padding:1.5rem 0;text-align:center;font-size:.9rem;text-shadow:0 0 5px #ff8c00}.footer:hover{background-color:#1a1a1a!important;color:#fff!important;text-shadow:none!important}.features{padding:3rem 1rem;text-align:center;background-color:#fff;margin:2rem 0}.feature-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.feature-item{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:2rem;max-width:320px;text-align:left;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.feature-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014}.feature-item h3{font-size:1.5rem;margin-bottom:.8rem;font-weight:600;color:#333}.feature-item p{font-size:1rem;color:#666}@media (max-width: 768px){.hero-content h1{font-size:1.8rem}.menu{position:relative;top:auto;right:auto;transform:none;justify-content:center;margin-top:1.5rem}.feature-item{max-width:100%}}input:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}.home[data-v-60ea27c7]{max-width:900px;margin:0 auto;padding:3rem 1.5rem;width:100%;flex:1;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.blog-intro[data-v-60ea27c7]{text-align:center;margin-bottom:3.5rem}.blog-intro h1[data-v-60ea27c7]{font-size:2.5rem;margin-bottom:1rem;font-weight:600;color:#333}.blog-intro p[data-v-60ea27c7]{color:#666;max-width:700px;margin:0 auto;font-size:1.1rem}.blog-posts[data-v-60ea27c7]{display:flex;flex-direction:column;align-items:center}.blog-post-list[data-v-60ea27c7]{width:100%}.no-posts[data-v-60ea27c7]{padding:2rem;text-align:center;border-radius:4px;color:#666;font-style:italic}.post-grid[data-v-60ea27c7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem}.post-card[data-v-60ea27c7]{border:1px solid #e0e0e0;border-radius:6px;padding:2rem;position:relative;transition:box-shadow .3s;background-color:#fff;min-height:200px;width:90%;max-width:1200px;margin:0 auto}.post-card[data-v-60ea27c7]:hover{box-shadow:0 4px 10px #0000001a}.post-title[data-v-60ea27c7]{margin-top:0;margin-bottom:1rem;font-size:1.6rem;color:#333}.post-author[data-v-60ea27c7]{margin-bottom:1rem;color:#888;font-size:.85rem;font-weight:500}.post-date[data-v-60ea27c7]{margin-bottom:0;color:#999;font-size:.8rem}.post-content[data-v-60ea27c7]{margin-bottom:1.5rem;color:#555;line-height:1.6;font-size:1rem}.post-image[data-v-60ea27c7]{margin-top:1rem;text-align:center}.post-image img[data-v-60ea27c7]{max-width:100%;height:auto;border-radius:4px}.error-message[data-v-60ea27c7]{color:#e74c3c;font-size:1rem;text-align:center;padding:2rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}@media (max-width: 768px){.blog-intro h1[data-v-60ea27c7]{font-size:2rem}.post-grid[data-v-60ea27c7]{grid-template-columns:1fr}.post-card[data-v-60ea27c7]{min-width:0}}.login-container[data-v-5319ab58]{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;width:100%;background:linear-gradient(to bottom,#5a5a5a,#1a1a1a);color:#fff}.login-form[data-v-5319ab58]{background-color:#ffffff26;padding:2.5rem;border-radius:8px;box-shadow:0 4px 15px #00000014;width:100%;max-width:420px;transition:transform .3s ease}.login-form[data-v-5319ab58]:hover{transform:translateY(-5px)}.login-form h1[data-v-5319ab58]{text-align:center;margin-bottom:2rem;font-weight:600}.form-group[data-v-5319ab58]{margin-bottom:1.5rem}.form-group label[data-v-5319ab58]{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[data-v-5319ab58]{width:100%;padding:.8rem 1rem;border:1px solid #eaeaea;border-radius:4px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input[data-v-5319ab58]:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}.error-message[data-v-5319ab58]{color:#e74c3c;margin-bottom:1rem;font-size:.9rem}.success-message[data-v-5319ab58]{color:#2ecc71;margin-bottom:1rem;font-size:.9rem}.login-button[data-v-5319ab58],.login-button[data-v-5319ab58]:hover{background-color:#ff8c00}.register-link[data-v-5319ab58]{text-align:center;margin-top:1.8rem;font-size:.95rem}.register-link a[data-v-5319ab58]{color:#ff8c00}.register-link a[data-v-5319ab58]:hover{text-decoration:underline}.dashboard[data-v-9edb5f06]{max-width:900px;margin:0 auto;padding:3rem 1.5rem;width:100%}.dashboard-header[data-v-9edb5f06]{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.dashboard-header h1[data-v-9edb5f06]{font-size:2.2rem;font-weight:600;color:#333;margin:0}.logout-button[data-v-9edb5f06]{background-color:#333;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button[data-v-9edb5f06]:hover{background-color:#444}.dashboard-actions[data-v-9edb5f06]{display:flex;justify-content:center;align-items:center;width:100%}.view-toggle[data-v-9edb5f06]{display:flex;gap:1.5rem;border-radius:4px;overflow:hidden;justify-content:center;width:100%}.toggle-btn[data-v-9edb5f06]{background:#333;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s}.toggle-btn.active[data-v-9edb5f06],.toggle-btn[data-v-9edb5f06]:hover{background:#ff8c00;color:#fff}.blog-post-creator[data-v-9edb5f06]{margin-top:2rem}.blog-post-creator h2[data-v-9edb5f06]{margin-bottom:1.5rem;font-size:1.8rem}.form-group[data-v-9edb5f06]{margin-bottom:1.5rem}label[data-v-9edb5f06]{display:block;margin-bottom:5px;font-weight:600}.form-control[data-v-9edb5f06]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-control[data-v-9edb5f06]:focus{border-color:#444;outline:none;box-shadow:0 0 0 3px #4443}textarea.form-control[data-v-9edb5f06]{resize:vertical;min-height:150px}.form-actions[data-v-9edb5f06]{display:flex;justify-content:flex-end;gap:10px;margin-top:2rem}.btn[data-v-9edb5f06]{padding:.6rem 1.2rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-9edb5f06]{background-color:#ff8c00;color:#fff}.btn-primary[data-v-9edb5f06]:hover{background-color:#ff8c00}.btn-secondary[data-v-9edb5f06]{background-color:#f1f1f1;color:#333}.btn-secondary[data-v-9edb5f06]:hover{background-color:#e0e0e0}.btn-draft[data-v-9edb5f06]{background-color:#6c757d;color:#fff}.btn-draft[data-v-9edb5f06]:hover{background-color:#5a6268}.alert[data-v-9edb5f06]{padding:1rem;margin-top:1.5rem;border-radius:4px}.alert-success[data-v-9edb5f06]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger[data-v-9edb5f06]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.blog-post-list[data-v-9edb5f06]{margin-top:2rem}.blog-post-list h2[data-v-9edb5f06]{margin-bottom:1.5rem;font-size:1.8rem}.no-posts[data-v-9edb5f06]{padding:2rem;text-align:center;border-radius:4px;color:#666;font-style:italic}.post-grid[data-v-9edb5f06]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.post-card[data-v-9edb5f06]{border:1px solid #e0e0e0;border-radius:4px;padding:1.5rem;position:relative;transition:box-shadow .3s;background-color:#fff}.post-card[data-v-9edb5f06]:hover{box-shadow:0 4px 10px #0000001a}.post-status[data-v-9edb5f06]{position:absolute;top:1rem;right:1rem;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;background-color:#f1f1f1;color:#666}.post-status.published[data-v-9edb5f06]{background-color:#d4edda;color:#155724}.post-title[data-v-9edb5f06]{margin-top:0;margin-bottom:.8rem;font-size:1.4rem;color:#333}.post-date[data-v-9edb5f06]{margin-bottom:1rem;color:#666;font-size:.9rem}.post-content[data-v-9edb5f06]{margin-bottom:1.5rem;color:#555;line-height:1.4}.post-actions[data-v-9edb5f06]{display:flex;justify-content:flex-end;gap:.8rem}.btn-edit[data-v-9edb5f06]{background-color:#333;color:#fff}.btn-edit[data-v-9edb5f06]:hover{background-color:#444}.btn-delete[data-v-9edb5f06]{background-color:#dc3545;color:#fff}.btn-delete[data-v-9edb5f06]:hover{background-color:#c82333}.register-container[data-v-c04d96d9]{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;width:100%;background:linear-gradient(to bottom,#5a5a5a,#1a1a1a);color:#fff}.register-form[data-v-c04d96d9]{background-color:#ffffff26;padding:2.5rem;border-radius:8px;box-shadow:0 4px 15px #00000014;width:100%;max-width:420px;transition:transform .3s ease}.register-form[data-v-c04d96d9]:hover{transform:translateY(-5px)}.register-form h1[data-v-c04d96d9]{text-align:center;margin-bottom:2rem;font-weight:600}.form-group[data-v-c04d96d9]{margin-bottom:1.5rem}.form-group label[data-v-c04d96d9]{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[data-v-c04d96d9]{width:100%;padding:.8rem 1rem;border:1px solid #eaeaea;border-radius:4px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input[data-v-c04d96d9]:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}.error-message[data-v-c04d96d9]{color:#e74c3c;margin-bottom:1rem;font-size:.9rem}.success-message[data-v-c04d96d9]{color:#2ecc71;margin-bottom:1rem;font-size:.9rem}.register-button[data-v-c04d96d9]{width:50%;padding:.9rem;background-color:#ff8c00;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:.5rem}.register-button[data-v-c04d96d9]:hover{background-color:#ff8c00}.login-link[data-v-c04d96d9]{text-align:center;margin-top:1.8rem;font-size:.95rem}.login-link a[data-v-c04d96d9]{color:#ff8c00}.login-link a[data-v-c04d96d9]:hover{text-decoration:underline}.checkbox-container input[data-v-c04d96d9]:checked{accent-color:#ff8c00}.modal-overlay[data-v-c04d96d9]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-c04d96d9]{background:#fff;padding:.6rem .8rem .5rem;border-radius:10px;box-shadow:0 8px 32px #00000040;text-align:center;min-width:160px;max-width:340px;min-height:unset;height:auto}.code-input[data-v-c04d96d9]{width:80%;padding:.8rem 1rem;margin:1rem 0;border:1px solid #eaeaea;border-radius:4px;font-size:1rem;text-align:center}.feed[data-v-a583001f]{max-width:900px;margin:0 auto;padding:3rem 1.5rem}.blog-post-list[data-v-a583001f]{margin-top:2rem}.blog-post-list h2[data-v-a583001f]{margin-bottom:1.5rem;font-size:1.8rem;color:#333}.no-posts[data-v-a583001f]{padding:2rem;text-align:center;border-radius:4px;color:#666;font-style:italic}.post-grid[data-v-a583001f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem}.post-card[data-v-a583001f]{border:1px solid #e0e0e0;border-radius:6px;padding:2rem;position:relative;transition:box-shadow .3s;background-color:#fff;min-height:200px}.post-card[data-v-a583001f]:hover{box-shadow:0 4px 10px #0000001a}.post-status[data-v-a583001f]{position:absolute;top:1rem;right:1rem;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;background-color:#f1f1f1;color:#666}.post-status.published[data-v-a583001f]{background-color:#d4edda;color:#155724}.post-title[data-v-a583001f]{margin-top:0;margin-bottom:1rem;font-size:1.6rem;color:#333}.post-author[data-v-a583001f]{margin-bottom:1rem;color:#888;font-size:.85rem;font-weight:500}.post-date[data-v-a583001f]{margin-bottom:0;color:#999;font-size:.8rem}.post-content[data-v-a583001f]{margin-bottom:1.5rem;color:#555;line-height:1.6;font-size:1rem}.error-message[data-v-a583001f]{color:#e74c3c;font-size:1rem;text-align:center;padding:2rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}html,body{height:100%;margin:0;padding:0;box-sizing:border-box;font-family:Courier New,Courier,monospace;background-color:#121212;color:#fff;overflow:auto}body{background-color:#121212;color:#fff;line-height:1.6}*,*:before,*:after{box-sizing:inherit}a{text-decoration:none;color:#fff;transition:color .2s ease;text-shadow:none}a:hover{color:#fff;background-color:#ff8c00;text-shadow:0 0 10px #ff8c00}button{background-color:#333;color:#fff;border:none;border-radius:4px;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,text-shadow .3s;text-shadow:none}button:hover{background-color:#ff8c00;color:#fff;text-shadow:0 0 10px #ff8c00,0 0 20px #ff8c00}button.create-blog-post{background-color:#ff8c00;color:#fff;border:none;border-radius:4px;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,text-shadow .3s}button.create-blog-post:hover{background-color:#e67e00;color:#fff}input,textarea,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}.mb-4{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:2rem}.mt-4{margin-top:3rem}