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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,sans-serif;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.menu-header{align-items:center;animation:floatIn 1.2s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#00ffcc1a,#0099ff1a);border-radius:18px;box-shadow:0 8px 24px #00ffcc26;display:flex;gap:.2rem;justify-content:center;margin:15px auto;max-width:80%;opacity:0;overflow:hidden;padding:1rem 2rem;position:sticky;top:20px;transform:translateY(-20px);z-index:1000}.menu-header:before{animation:starsMove 5s linear infinite;background-image:radial-gradient(#0fc .5px,#0000 0),radial-gradient(#0fc .5px,#0000 0);background-position:0 0,20px 20px;background-size:80px 80px;content:"";height:200%;left:0;opacity:.5;position:absolute;top:0;width:200%;z-index:1}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}.menu-header a{border-radius:12px;color:#0fc;font-size:1rem;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.menu-header a:before{background:#0fc3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.menu-header a:hover:before{width:100%}.menu-header a:hover{color:#fff}@keyframes floatIn{to{opacity:1;transform:translateY(0)}}.ai-container{align-items:center;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding-top:100px}.ai-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff10;border-radius:20px;box-shadow:0 8px 32px #0003;color:#fff;max-width:600px;padding:30px;text-align:center;width:90%}.ai-title{color:#0fc;font-size:2rem;font-weight:700;margin-bottom:10px}.ai-subtitle{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:20px}.ai-input{background:#fff;border-radius:10px;box-sizing:border-box;color:#333;margin-bottom:20px;padding:14px}.ai-button,.ai-input{border:none;font-size:1rem;width:100%}.ai-button{background-color:#0fc;border-radius:10px;color:#000;cursor:pointer;font-weight:700;padding:12px;transition:background-color .3s}.ai-button:hover{background-color:#00e6b3}.ai-response-container{margin-top:25px;text-align:left}.ai-response-label{color:#0fc;font-size:1rem;font-weight:700;margin-bottom:10px}.ai-response-text{word-wrap:break-word;background-color:#ffffff15;border-radius:10px;color:#fff;font-size:.95rem;line-height:1.5;padding:15px;white-space:pre-wrap}.ai-loading{color:#ccc;font-style:italic}.ai-bottom-note{color:#aaa;font-size:.9rem;margin-top:40px;max-width:600px;text-align:center}.ai-footer{color:#777;font-size:.8rem;margin-top:80px;padding-bottom:20px;text-align:center}.blog-container{background-color:#121212;color:#e0e0e0;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem 1rem}.blog-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.blog-header h1{color:#fff;font-size:2.2rem;margin:0}.blog-toggle-btn{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s ease}.blog-toggle-btn:hover{background-color:#019875}.blog-form{background:#1e1e1e;border-radius:12px;box-shadow:0 2px 10px #0006;margin-bottom:2rem;padding:1.5rem}.blog-form input,.blog-form textarea{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.blog-form input::placeholder,.blog-form textarea::placeholder{color:#999}.blog-form button{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background-color .2s ease}.blog-form button:hover{background-color:#019875}.blog-empty,.blog-list{margin-top:2rem}.blog-empty{color:#888;font-style:italic;text-align:center}.blog-post{background:#1e1e1e;border-radius:12px;box-shadow:0 2px 8px #00000080;color:#e0e0e0;display:block;margin-bottom:1.5rem;padding:1.5rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.blog-post:hover{box-shadow:0 4px 16px #000000b3;transform:translateY(-4px)}.blog-post h2{color:#00b894;font-size:1.6rem;margin:0 0 .5rem}.blog-post small{color:#aaa;font-size:.85rem}.blog-post p{color:#ccc;font-size:1rem;margin-top:1rem}@media (max-width:768px){.blog-header{align-items:flex-start;flex-direction:column}.blog-toggle-btn{text-align:center;width:100%}.blog-form input,.blog-form textarea{font-size:.95rem}.blog-post{padding:1rem}.blog-post h2{font-size:1.4rem}.blog-post p{font-size:.95rem}}.about-container{align-items:center;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:120px 20px 60px}.about-title{color:#0fc;font-size:2rem;margin-bottom:40px;text-align:center}.timeline{margin:0 auto;max-width:800px;padding-left:40px;position:relative}.timeline:before{animation:wave 4s linear infinite;background:repeating-linear-gradient(180deg,#0fc,#0fc 10px,#0000 0,#0000 20px);border-radius:2px;content:"";height:100%;left:18px;position:absolute;top:0;width:4px;z-index:0}@keyframes wave{0%{background-position:0 0}to{background-position:0 20px}}.timeline-item{cursor:pointer;margin-bottom:50px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.timeline-item:hover{box-shadow:0 10px 20px #0fc3;transform:translateY(-5px) scale(1.02)}.timeline-dot{animation:pulse 1.8s infinite;background-color:#0fc;border:3px solid #fff;border-radius:50%;height:20px;left:-5px;position:absolute;top:0;width:20px;z-index:2}@keyframes pulse{0%{box-shadow:0 0 0 0 #0fc6}70%{box-shadow:0 0 0 12px #0fc0}to{box-shadow:0 0 0 0 #0fc0}}.timeline-content{background:#ffffff0d;border-radius:10px;padding:15px 20px;transition:background .3s ease}.timeline-content:hover{background:#ffffff1a}.timeline-content h3{color:#0fc;font-size:1.2rem;margin:0 0 5px}.timeline-content p{color:#ccc;line-height:1.5;margin:0}.blog-details-container{background-color:#f7f9fc;color:#222;font-family:Segoe UI,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;min-height:100vh;padding:2.5rem 1rem}.back-link{color:#00b894;display:inline-block;font-weight:500;margin-bottom:1.5rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#019875}.blog-details-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:2.5rem}.blog-details-card h1{border-bottom:2px solid #dfe6e9;color:#2d3436;font-size:2.4rem;margin-top:0;padding-bottom:.5rem}.blog-details-author{color:#636e72;font-size:.95rem;margin-bottom:1rem;margin-top:.5rem}.blog-details-content{background-color:#f1f2f6;border-left:4px solid #00cec9;border-radius:8px;color:#2f3640;font-size:1.1rem;line-height:1.8;padding-left:1rem;padding-top:1rem;white-space:pre-wrap}.delete-button,.edit-button{border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-right:1rem;padding:.5rem 1rem}.edit-button{background-color:#0984e3;color:#fff}.edit-button:hover{background-color:#74b9ff}.delete-button{background-color:#d63031;color:#fff}.delete-button:hover{background-color:#ff6b6b}.edit-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.edit-form input,.edit-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.edit-form button[type=submit]{background-color:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem}.edit-form button[type=submit]:hover{background-color:#019875}.edit-form button[type=button]{background-color:initial;border:none;color:#d63031;cursor:pointer;font-weight:700}.blog-details-error,.blog-details-loading{color:#888;font-size:1.2rem;margin-top:4rem;text-align:center}.button-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;max-width:400px;padding:2rem;text-align:center}.modal-content h2{color:#d63031;margin-top:0}.modal-content p{color:#333;margin:1rem 0}.modal-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.cancel-btn{background-color:#dfe6e9;color:#2d3436}.confirm-btn{background-color:#d63031;color:#fff}.confirm-btn:hover{background-color:#ff6b6b}.cancel-btn:hover{background-color:#b2bec3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-details-content code{background-color:#2d2d2d;border-radius:4px;color:#f1f1f1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;padding:2px 6px}.talk-container{align-items:center;display:flex;flex-direction:column;padding:2rem}.talk-card{background:#fff;border-radius:1rem;box-shadow:0 0 20px #0000001a;max-width:500px;padding:2rem;width:100%}.talk-title{margin-bottom:1.5rem;text-align:center}.talk-form{display:flex;gap:1rem;justify-content:center}.talk-input{flex:1 1}.talk-button,.talk-input{font-size:1rem;padding:.5rem 1rem}.talk-button{cursor:pointer}
/*# sourceMappingURL=main.ebe92cd1.css.map*/