body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease}.app-content{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:3rem 1rem;background:#ffffff80;border-radius:12px;margin-bottom:2rem}.hero h1{margin-bottom:1rem;font-size:2.5em}.cta-button{margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:transform .2s}.cta-button:hover{transform:translateY(-2px)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{margin-bottom:.75rem;color:#667eea}.login{background-color:var(--secondcolor)!important;padding:7px 22px;border-radius:20px;color:#fff!important}.login:hover{background-color:#87ceeb!important;color:#fff!important;border-color:#007bff!important}#notfound{position:relative;height:100vh;background:#f6f6f6;margin-top:0}.notfound .notfound-404 h1{font-family:roboto,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:165px;font-weight:700;margin:0;color:#262626;text-transform:uppercase}#notfound .notfound{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:767px;width:100%;line-height:1.4;padding:110px 40px;text-align:center;background:#fff;-webkit-box-shadow:0 15px 15px -10px rgba(0,0,0,.1);box-shadow:0 15px 15px -10px #0000001a}.notfound .notfound-404{position:relative;height:180px}.notfound .notfound-404 h1>span{color:#00b7ff}.notfound h2{font-family:roboto,sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;color:#151515;margin-top:0;margin-bottom:25px}.topbar{background:#fff;box-shadow:0 2px 10px #0000001a}.topbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:end;gap:1.5rem;flex-wrap:wrap}.topbar-brand h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.control-group{display:flex;align-items:center;gap:.75rem}.control-label{font-weight:600;color:#333;font-size:.875rem}.font-controls{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;padding:.25rem;border-radius:8px}.control-btn{background:#fff;border:1px solid #dee2e6;padding:.01rem .25rem;cursor:pointer;font-weight:700;border-radius:6px;transition:all .2s}.control-btn:hover{background:#e9ecef;transform:translateY(-1px)}.font-size-value{min-width:45px;text-align:center;font-size:.875rem;font-weight:600;color:#495057}.font-size-select{padding:.01rem .25rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer}.color-controls{display:flex;align-items:center;gap:.5rem}.color-btn{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.color-btn:hover{transform:scale(1.1);box-shadow:0 2px 5px #0003}.color-btn.active{border-color:#333;transform:scale(1.1);box-shadow:0 0 0 2px #0000001a}.color-picker{width:36px;height:36px;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;padding:2px}.reset-btn{background:#0069d9;color:#fff;border:1px solid transparent;padding:.2rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;font-weight:400}.reset-btn:hover{opacity:.9}.reset-btn:focus{outline:3px solid #000000;outline-offset:2px}.reset-btn:focus-visible{outline:3px solid #000000;outline-offset:2px}.reset-btn:active{transform:scale(.98)}.reset-btn:disabled{cursor:not-allowed;opacity:.6}.skip-to-content:focus{top:0;left:0;background:#000;color:#fff;padding:10px}@media (max-width: 768px){.topbar-container{flex-direction:column;align-items:stretch}.control-group{justify-content:space-between}.font-controls,.color-controls{flex-wrap:wrap}}body{margin:0;transition:background-color .3s ease}html{font-size:16px;transition:font-size .2s ease}body.high-contrast *{background:#000!important;color:#fff!important;border-color:#fff!important}body.grayscale-mode{filter:grayscale(100%)}body.highlight-links a{background:#ff0!important;color:#000!important;text-decoration:underline!important}body.highlight-headings h1,body.highlight-headings h2,body.highlight-headings h3,body.highlight-headings h4,body.highlight-headings h5,body.highlight-headings h6{background:#ff0!important;padding:4px!important}body.blue-light-filter{filter:sepia(15%) saturate(80%) brightness(95%)}body.dark-theme *{background:#111!important;color:#fff!important}.a11y-toggle{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border:none;border-radius:50%;background:#005fcc;color:#fff;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 20px #0003;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.a11y-toggle:hover{transform:scale(1.08);box-shadow:0 6px 24px #0000004d}.a11y-toggle:focus-visible{outline:3px solid #4d8be9;outline-offset:3px}.a11y-toggle:active{transform:scale(.95)}.a11y-panel{position:fixed;top:0;right:0;width:380px;max-width:95vw;height:100vh;background:#fff;color:#1a1a1a;z-index:9999;display:flex;flex-direction:column;padding:20px;overflow-y:auto;box-shadow:-6px 0 25px #00000026;animation:slideInRight .3s ease}.a11y-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.a11y-panel-title{font-size:20px;font-weight:700;margin:0}.a11y-close-btn{width:42px;height:42px;border:none;border-radius:8px;background:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.a11y-close-btn:hover{background:#e5e7eb}.a11y-close-btn:focus-visible{outline:3px solid #005fcc;outline-offset:2px}.a11y-section{margin-bottom:20px}.a11y-section-title{font-size:14px;font-weight:700;margin-bottom:10px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.a11y-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.a11y-btn{min-height:48px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;font-size:14px;font-weight:500;transition:all .2s ease}.a11y-btn:hover{background:#f9fafb;border-color:#005fcc}.a11y-btn:focus-visible{outline:3px solid #005fcc;outline-offset:2px}.a11y-btn.active{background:#005fcc;color:#fff;border-color:#fcfdff}.a11y-range{width:100%;margin-top:8px;cursor:pointer}.a11y-select{width:100%;min-height:48px;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff}.a11y-select:focus-visible{outline:3px solid #005fcc;outline-offset:2px}.a11y-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9998;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.a11y-footer{margin-top:auto;padding-top:20px}.a11y-reset-btn{width:100%;min-height:50px;border:none;border-radius:10px;background:#dc2626;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease}.a11y-reset-btn:hover{background:#b91c1c}.a11y-reset-btn:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.a11y-panel::-webkit-scrollbar{width:8px}.a11y-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.a11y-panel{width:100%;max-width:100%}.a11y-grid{grid-template-columns:1fr}.a11y-toggle{width:56px;height:56px;right:15px;bottom:15px}}@media (prefers-reduced-motion: reduce){.a11y-panel,.a11y-toggle,.a11y-btn{animation:none;transition:none}}