body{margin:0;font-family:Arial,sans-serif;padding:0}.section-blue{background-color:#4169e1;width:100%;padding:10px 0;display:flex;align-items:center;justify-content:center}.section-white{background-color:#fff;width:100%;padding:20px 0;display:flex;align-items:center;justify-content:center}.section-gray{background-color:#f5f5f5;width:100%;padding:30px 0;display:flex;align-items:center;justify-content:center;border-top:1px solid #00000024}.content-container{width:60%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-text{text-align:center;width:100%}.header-text h1{color:#fff;margin:0;font-size:1.5em;font-weight:10}#plot-container{width:100%;height:70vh;border:1px solid #ddd;border-radius:12px;background:#fefefe;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.description-text{text-align:left;width:100%}.description-text p{color:#666;font-size:1em;line-height:1.8;margin:0}.description-text img{width:100%;max-width:100%;height:auto;display:block;margin:20px auto}hr{height:1px;background-color:#ddd;border:none;margin:30px 0}.footer-text{text-align:center;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-button-section{flex:1;display:flex;justify-content:center;align-items:center}.footer-links-section{flex:2;display:flex;flex-direction:row;gap:20px;justify-content:flex-end;align-items:center}.app-link{text-decoration:none;color:#4169e1;display:block;margin-bottom:10px;font-size:1em;transition:color .3s ease;padding-top:9px}.app-link:hover{color:#f93;text-decoration:underline}.app-info h3{margin:0;font-size:1em;font-weight:400;color:inherit;text-align:right}.app-info p{display:none}#image-tooltip{position:fixed;display:none;z-index:10000;background:#fff;border:1px solid #4169e188;padding:8px;border-radius:8px;box-shadow:0 4px 20px #4169e14d;pointer-events:none;max-width:140px}#image-tooltip img{width:120px;height:120px;display:block;border:1px solid #ddd}#image-tooltip p{margin:5px 0 0;text-align:center;font-weight:700;font-size:12px;color:#4169e1}#logo-popup{position:fixed;bottom:10px;left:50%;transform:translate(-150%);width:320px;height:300px;background:#fff;border:1px solid #4169e147;border-radius:12px;box-shadow:0 -4px 30px #4169e11d;z-index:10001;display:none;padding:15px;pointer-events:auto}#logo-popup svg{width:100%;height:100%;border:none}#logo-popup path,#logo-popup g,#logo-popup ellipse{transition:transform .2s ease-out}.glow-text{font-size:.9em;color:#333;padding:12px 24px;border:1px solid transparent;border-radius:10px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff993374,#4169e17e) border-box;letter-spacing:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:200;transition:all .3s ease;cursor:pointer;text-transform:none;box-shadow:0 4px 15px #0000001a}.glow-text:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#f70,#2e4ec7) border-box;color:#333;box-shadow:0 6px 25px #0003;transform:translateY(-2px)}.plot-controls{position:absolute;bottom:15px;right:15px;z-index:1000;display:flex;justify-content:center;margin-bottom:0}.toggle-container{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 2px 8px #0000001a}.toggle-label{font-size:12px;font-weight:500;color:#666;transition:color .3s ease}.toggle-label.active{color:#4169e1}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#f93;border-radius:24px;transition:.3s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#4169e1}input:checked+.slider:before{transform:translate(20px)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:992px){.content-container{width:95%;padding:0 15px}.header-text h1{font-size:1.3em}.section-blue,.section-white{padding:15px 0}.section-gray{padding:20px 0}.description-text p{font-size:.9em;line-height:1.6}#plot-container{height:45vh;margin:10px}.footer-text{flex-direction:column;gap:15px}.footer-button-section,.footer-links-section{flex:none;width:100%}.footer-links-section{flex-direction:column;gap:15px;align-items:center}.app-info h3{text-align:center;font-size:.9em}.glow-text{font-size:.8em;padding:10px 20px;margin-bottom:15px;margin-top:10px}#image-tooltip{max-width:100px;padding:5px}#image-tooltip img{width:80px;height:80px}#image-tooltip p{font-size:10px}#logo-popup{width:280px;height:260px;bottom:5px;transform:translate(-50%);left:50%}.plot-controls{bottom:10px;right:10px;margin-bottom:0}.toggle-container{gap:8px;padding:5px 10px}.toggle-label{font-size:11px}.toggle-switch{width:36px;height:18px}.slider:before{height:12px;width:12px}input:checked+.slider:before{transform:translate(18px)}}@media(max-width:480px){.content-container{width:98%;padding:0 10px}.header-text h1{font-size:1.1em;margin:10px 0}.section-blue,.section-white{padding:10px 0}.section-gray{padding:15px 0}.description-text p{font-size:.85em;line-height:1.5;margin:10px 0}#plot-container{height:40vh;border-radius:8px}hr{margin:20px 0}.footer-text,.footer-links-section{gap:10px}.app-info h3{font-size:.85em}.glow-text{font-size:.75em;padding:8px 16px;letter-spacing:.5px;margin-bottom:15px}#image-tooltip{max-width:80px;padding:4px}#image-tooltip img{width:60px;height:60px}#image-tooltip p{font-size:9px;margin:3px 0 0}#logo-popup{width:240px;height:220px;padding:10px}.plot-controls{bottom:8px;right:8px;margin-bottom:0}.toggle-container{gap:6px;padding:4px 8px}.toggle-label{font-size:10px}.toggle-switch{width:32px;height:16px}.slider:before{height:10px;width:10px}input:checked+.slider:before{transform:translate(16px)}}@media(hover:none)and (pointer:coarse){.glow-text{transform:none;transition:background .2s ease}.glow-text:active{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#f70,#2e4ec7) border-box;transform:scale(.98)}.app-link:active{color:#f93}#image-tooltip{position:fixed;z-index:10000;background:#fff;border:2px solid #4169E1;padding:12px;border-radius:12px;box-shadow:0 8px 30px #4169e166;max-width:160px;left:50%;top:50%;transform:translate(-50%,-50%);display:none;pointer-events:auto}#image-tooltip img{width:140px;height:140px;border:1px solid #ddd;border-radius:4px}#image-tooltip:after{content:"×";position:absolute;top:8px;right:12px;font-size:20px;font-weight:700;color:#4169e1;cursor:pointer;line-height:1}}