@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Regular-C3alhYVv.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-Bold-DPLkGBxU.ttf) format("truetype");font-weight:700;font-style:normal}body{font-family:IBM Plex Sans,sans-serif}.content{height:100%;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-track:hover{background:#555}.container{display:flex;align-items:center;justify-content:center;height:100vh;padding:20px}.image-container{max-width:200px;margin:0 80px}.image-container img{width:100%;height:auto;border-radius:10px}.wrapper{width:400px;background:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 0 10px #0000001a;background-color:#fff;border:1px solid #ddd;color:#306dad;border-radius:10px;padding:30px 40px;margin-right:20px}.wrapper h1{font-size:36px;text-align:center}.wrapper .input-box{position:relative;width:100%;height:50px;margin:30px 0}.input-field{position:absolute;width:100%;height:100%;background:none;border:none;outline:none;border-bottom:1px solid #bbb;padding:0;font-size:.95rem;color:#525457;transition:.4s}.input-box input::placeholder{position:absolute;left:0;top:50%;transform:translateY(-5%);font-size:.95rem;color:#bbb;pointer-events:none;transition:.4s}.input-field.active{border-bottom-color:#151111}.input-box input:focus::placeholder,.input-box.not-empty input::placeholder{top:-1px;font-size:.75rem;color:#6a7179}.input-box .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#306dad}.wrapper .remember-forget{display:flex;justify-content:space-between;font-size:12.5px;margin:-15px 0 15px}.remember-forget label input{accent-color:#fff;margin-right:4px}.remember-forget a{color:#306dad;text-decoration:none}.remember-forget a:hover{text-decoration:underline}.wrapper button{position:relative;width:100%;height:45px;background:#fff;border:none;outline:none;border-radius:40px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#29527e;font-weight:700;overflow:hidden;transition:background-color .25s ease,color .25s ease}.wrapper button:hover{background-color:#29527e;color:#fff}.wrapper button span{position:relative;z-index:2;color:inherit}.wrapper button:hover span{color:#fff}@media (max-width: 768px){.container{flex-direction:column}.wrapper{width:400px;margin:0 auto}.image-container{margin:20px auto}}@media (max-width: 480px){.wrapper{padding:20px}.input-box .icon{font-size:16px}.wrapper button{font-size:14px}}.home-page{font-family:IBM Plex Sans,sans-serif}h1{color:#306da9}ul{list-style-type:none;padding:0}li{margin:10px 0}pre{padding:10px;border-radius:5px;font-size:14px}.information-page{margin:0 auto;padding:2rem;background-color:#f8f9fa;animation:fadeIn .5s ease-out;max-width:100%;width:100%;text-overflow:ellipsis}.information-page h1{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem;text-align:center;font-weight:600;border-bottom:3px solid #3498db;padding-bottom:1rem}.information-page h2{color:#34495e;font-size:1.8rem;margin:1.5rem 0;font-weight:500}.content-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;margin-top:2rem}.information-page pre{background-color:#f8f9fa;padding:1.5rem;border-radius:6px;border:1px solid #e9ecef;overflow-x:auto;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;color:#2c3e50}.information-page .html-content{line-height:1.6;color:#2c3e50;max-width:100%;overflow-x:auto;text-overflow:ellipsis}.information-page img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0;box-shadow:0 2px 4px #0000001a}.information-page .graphviz-container{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:auto}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.error-message{color:#e74c3c;background-color:#fdf0ed;padding:1rem;border-radius:6px;border:1px solid #fadbd8;margin:1rem 0;text-align:center}@media (max-width: 768px){.information-page{padding:1rem}.information-page h1{font-size:2rem}.information-page h2{font-size:1.5rem}.content-container{padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.information-page svg{width:100%}.content-container:hover{transform:translateY(-2px);transition:transform .3s ease;box-shadow:0 6px 8px #00000026}.graph{width:100%;aspect-ratio:16/9}