.navbar{position:relative;width:100%;background-color:#111827;color:#fff;padding:1rem 2rem;box-shadow:0 2px 6px #00000080;opacity:0;transform:translateY(-20px);animation:slideDown .8s forwards;box-sizing:border-box;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:100;opacity:1!important}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:2rem}.nav-logo{font-size:1.5rem;font-weight:700;white-space:nowrap;position:relative;color:#fff;cursor:default;animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{text-shadow:0 0 0px rgba(0,188,212,.5),0 0 0px rgba(34,197,94,.4),0 0 0px rgba(250,204,21,.3)}50%{text-shadow:0 0 8px rgba(0,188,212,.8),0 0 12px rgba(34,197,94,.6),0 0 16px rgba(250,204,21,.4)}to{text-shadow:0 0 4px rgba(0,188,212,.5),0 0 6px rgba(34,197,94,.4),0 0 8px rgba(250,204,21,.3)}}.nav-logo:hover{color:#00bcd4;text-shadow:0 0 12px rgba(0,188,212,1),0 0 18px rgba(34,197,94,.8),0 0 24px rgba(250,204,21,.6);transition:all .3s ease}.nav-links{display:flex;list-style:none;gap:8rem;margin:0;padding:0 .5rem;flex-shrink:0}.nav-links li a{position:relative;text-decoration:none;color:#fff;font-weight:500;padding:.25rem .5rem;border-radius:4px;transition:all .3s;overflow:hidden}.nav-links li a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#00bcd4,#22c55e,#facc15,#00bcd4);background-size:300% 100%;border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;animation:pulseUnderline 3s infinite alternate}.nav-links li a:hover:after{transform:scaleX(1)}@keyframes pulseUnderline{0%{background-position:0% 50%}50%{background-position:50% 50%}to{background-position:100% 50%}}.nav-links li a:hover{color:#00bcd4;background:#00bcd414;transform:scale(1.05);box-shadow:0 4px 12px #00bcd433}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px}.bar{width:25px;height:3px;background-color:#fff;transition:all .4s}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (min-width: 769px){.nav-links li{opacity:0;transform:translateY(-10px);animation:fadeInUp .5s forwards}.nav-links li:nth-child(1){animation-delay:.4s}.nav-links li:nth-child(2){animation-delay:.55s}.nav-links li:nth-child(3){animation-delay:.7s}}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:70px;right:0;background-color:#111827;flex-direction:column;width:220px;text-align:right;transform:translate(100%);transition:transform .3s ease-in-out;padding:1rem 1.5rem;gap:1.5rem;box-shadow:-2px 0 12px #0006;border-radius:0 0 8px 8px}.nav-links.open{transform:translate(0)}.nav-links.open li{opacity:0;transform:translateY(-10px);animation:fadeInUp .5s forwards}.nav-links.open li:nth-child(1){animation-delay:.1s}.nav-links.open li:nth-child(2){animation-delay:.25s}.nav-links.open li:nth-child(3){animation-delay:.4s}}html,body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 0 auto}.footer{width:100%;background-color:#111827;color:#d1d5db;text-align:center;padding:1rem 0;margin-top:auto;font-size:.9rem;border-top:1px solid #1f2937;transition:background-color .3s ease;opacity:0;animation:fadeIn 1s .5s forwards}.footer:hover{background-color:#1f2937}.footer p{margin:.25rem 0}.footer a{color:#00bcd4;text-decoration:none;transition:color .3s ease,transform .2s ease}.footer a:hover{color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.todo-preview{margin:2rem 0;text-align:left;background-color:#1f2937;padding:1rem;border-radius:12px;box-shadow:0 8px 20px #0006}.input-container{display:flex;gap:.5rem;margin-bottom:1rem}.input-container input{flex:1;padding:.5rem .75rem;border-radius:8px;border:none;outline:none;background-color:#2c3542;color:#fff;transition:all .3s}.input-container input:focus{box-shadow:0 0 5px #00bcd4}.input-container button{padding:.5rem 1rem;background:linear-gradient(90deg,#06b6d4,#0ea5e9);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.input-container button:hover{background:linear-gradient(90deg,#0ea5e9,#06b6d4);transform:translateY(-2px)}ul{list-style:none;padding:0;margin:0}.todo-preview li{display:flex;justify-content:space-between;align-items:center;background-color:#1f2937;padding:.75rem 1rem;margin-bottom:.5rem;border-radius:10px;cursor:pointer;opacity:1;transform:translateY(0);transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.todo-preview li.done span{text-decoration:line-through;opacity:.5;color:#9ca3af}.todo-preview li span{cursor:pointer}.todo-preview li button{background:none;border:none;color:#f87171;cursor:pointer}.todo-preview li:hover{background-color:#374151;transform:translateY(-2px);transition:all .2s ease}.todo-preview li.stable{opacity:0;transform:translateY(20px);animation:fadeInUp .5s forwards}.todo-preview li.new{opacity:0;transform:scale(.9);animation:bounceIn .4s forwards}.todo-preview li.removing{opacity:0;transform:translate(20px);transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.feedback{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:8px;font-weight:700;animation:fadeIn .3s ease-in;box-shadow:0 2px 8px #0000004d}.feedback.success{background-color:#22c55e;color:#fff}.feedback.error{background-color:#ef4444;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:6px;color:#fff;font-weight:700;z-index:999;box-shadow:0 4px 6px #0003;animation:slideIn .3s ease forwards}.notification.success{background-color:#22c55e}.notification.error{background-color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-container{padding:2rem;font-family:Inter,sans-serif;color:#f9fafb;background-color:#111827;min-height:100vh}.home-container h1{margin-bottom:2rem;font-size:2rem;text-align:center}.dashboard{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem}.left-panel,.right-panel{background-color:#1f2937;padding:1rem;border-radius:.5rem;box-shadow:0 8px 20px #0006;transition:transform .2s,box-shadow .2s}.left-panel:hover,.right-panel:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000080}.request-form label{display:flex;flex-direction:column;text-align:left}.request-form{display:flex;flex-direction:column;gap:.5rem;background-color:#1f2937;padding:1rem;border-radius:.5rem}.request-form select,.request-form input,.request-form textarea,.request-form button{width:100%;box-sizing:border-box;margin-top:.25rem}.request-form textarea{resize:vertical}.response-viewer{background-color:#111827;border:1px solid #374151;border-radius:.5rem;padding:1rem;color:#f9fafb;font-family:Courier New,monospace;white-space:pre-wrap;max-height:250px;overflow-y:auto;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.response-viewer.visible{opacity:1;transform:translateY(0)}.contacts-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.contacts-links{display:flex;gap:1.5rem;margin:1rem 0}.contact-link{color:var(--primary-color);transition:transform .2s,color .2s}.contact-link:hover{transform:scale(1.2);color:var(--accent-color)}.contacts-email{margin-top:1rem;font-weight:500}body{margin:0;font-family:Arial,sans-serif;background-color:#111827;color:#fff;height:100%}html,#root{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.page{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.page-visible{opacity:1;transform:translateY(0)}.page-content-wrapper{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.page-content-wrapper.page-visible{opacity:1;transform:translateY(0)}.page-content{text-align:center;opacity:0;transform:scale(.95);animation:fadeInContent .6s .3s forwards;max-width:800px;margin:0 auto;padding:2rem}.staggered{opacity:0;transform:translateY(10px);animation:fadeInUp .6s forwards;animation-delay:.2s}.staggered:nth-child(2){animation-delay:.4s}.staggered:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.page-content>*:not(:last-child){margin-bottom:1.5rem}@keyframes fadeInContent{to{opacity:1;transform:scale(1)}}