:root{--bg-primary:#fff;--bg-secondary:#f0f0f0;--text-primary:#333;--text-secondary:#666;--border-color:#ddd;--side-bg:#f0f8ff;--main-bg:#fefefe;--logo-bg:hsla(0,0%,100%,.1);--accent-color:#007bff;--primary-color:#007bff;--danger-color:#dc3545;--success-color:#28a745}body.dark{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#fff;--text-secondary:#ccc;--border-color:#333;--side-bg:#1a1a1a;--main-bg:#2a2a2a;--logo-bg:hsla(0,0%,100%,.1);--accent-color:#0d6efd;--primary-color:#0d6efd;--danger-color:#dc3545;--success-color:#20c997}body{color:var(--text-primary);font-family:Arial,sans-serif;margin:0;overflow:hidden;padding:0;transition:background-color .3s ease,color .3s ease}.full-screen-wrapper,body{background:var(--bg-primary)}.full-screen-wrapper{height:100vh;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100vw;-ms-overflow-style:none;transition:background-color .3s ease}.full-screen-wrapper::-webkit-scrollbar{display:none}.side-panel{background:var(--side-bg);color:var(--text-primary);padding:100px 20px 20px;position:relative;transition:background-color .3s ease,color .3s ease;width:310px}.middle-panel,.side-panel{box-sizing:border-box;flex-shrink:0;height:100vh}.middle-panel{background:var(--main-bg);overflow-x:hidden;overflow-y:auto;padding-bottom:100px;padding-left:20px;padding-right:65px;transition:background-color .3s ease,width .3s ease;width:100vw}.middle-panel::-webkit-scrollbar{width:8px}.middle-panel::-webkit-scrollbar-track{background:var(--main-bg);border-radius:10px}.middle-panel::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border:none;border-radius:10px}.middle-panel::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@supports(scrollbar-width:thin){.middle-panel{scrollbar-color:rgba(0,0,0,.3) var(--main-bg);scrollbar-width:thin}}.middle-content{font-family:Arial,sans-serif;line-height:1.5;margin-left:65px;margin-right:25px;max-width:100%}@media(max-width:768px){.middle-content{margin-left:5px;margin-right:0;margin-top:65px}.middle-panel{padding:12px}}.middle-content h1{color:var(--text-primary);margin-bottom:20px;transition:color .3s ease}.middle-content p{color:var(--text-secondary);margin-bottom:15px;transition:color .3s ease}.middle-content section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px;transition:border-color .3s ease}.sticky-bottom{bottom:0;color:var(--text-primary);position:absolute;transition:color .3s ease}.ailogo{backdrop-filter:blur(10px);background:var(--logo-bg);border-radius:10px;cursor:pointer;left:10px;padding:4px;position:fixed;top:10px;transition:background .3s ease;z-index:10000}.ailogo a{pointer-events:none}.aiclient{backdrop-filter:blur(10px);background:var(--logo-bg);border-radius:10px;color:var(--text-primary);cursor:pointer;padding:4px;position:fixed;right:25px;top:10px;transition:background .3s ease;z-index:10000}.aiclient svg{fill:currentColor;pointer-events:none;transition:color .3s ease}.theme-toggle{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px}.theme-toggle input[type=checkbox]{accent-color:var(--text-primary);height:20px;width:20px}.theme-toggle label{color:var(--text-primary);margin:0;transition:color .3s ease}button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-block;font-size:.8rem;margin:0 2px;padding:.5rem;transition:all .2s ease;user-select:none}button:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;outline:2px solid var(--accent-color);outline-offset:2px}.btn-group{border-radius:10px;display:inline-flex;margin:0 2px;overflow:hidden}.btn-group button{border-radius:0;flex:1;margin:0}.btn-group button:first-child{border-bottom-left-radius:10px;border-right:none;border-top-left-radius:10px}.btn-group button:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.btn-group button:not(:first-child):not(:last-child){border-left:none;border-radius:0}.btn-group button:hover{outline:2px solid var(--accent-color);outline-offset:-2px;position:relative;z-index:1}.btn-ok{background-color:var(--success-color);border-color:var(--success-color);color:#000}.btn-ok:hover{background-color:#218838;border-color:#218838;outline:2px solid #218838}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#c82333;outline:2px solid #c82333}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--accent-color);border-color:var(--accent-color);outline:2px solid var(--accent-color)}.ai-shimmer{animation:ai-shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0a0a23,#1e40af 25%,#7c3aed 50%,#06b6d4 75%,#10b981);background-size:300% 300%;border-radius:8px;box-shadow:0 0 20px rgba(124,58,237,.3);overflow:hidden;position:relative}@keyframes ai-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}input[type=text],textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:Arial,sans-serif;font-size:.9rem;outline:none;padding:.5rem;transition:all .2s ease;width:100%}input[type=text]:focus,textarea:focus{background-color:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0,123,255,.25)}input[type=text]:hover,textarea:hover{border-color:var(--accent-color)}textarea{min-height:80px;resize:vertical}body.dark input[type=text],body.dark textarea{background-color:var(--bg-secondary)}body.dark input[type=text]:focus,body.dark textarea:focus{box-shadow:0 0 0 2px rgba(13,110,253,.25)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--text-primary);margin:5px;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}body.dark .card{box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .card:hover{box-shadow:0 4px 12px rgba(0,0,0,.5)}.card-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:700;padding:1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.card-body{line-height:1.6;padding:1.5rem;transition:color .3s ease}.card-body,.card-body p{color:var(--text-secondary)}.card-body p{margin-bottom:1rem}.card-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;padding:1rem;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media(max-width:768px){.card{margin-bottom:15px}.card-body,.card-footer,.card-header{padding:.75rem}}.container,.container-fluid{box-sizing:border-box;color:var(--text-primary);margin-left:auto;margin-right:auto;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);transition:color .3s ease;width:100%}.container{max-width:100%}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}.container-fluid{max-width:100%}.row{align-items:flex-start;display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-1);margin-right:calc(var(--grid-gutter)*-1)}.row>*{box-sizing:border-box;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter)}.col{flex:1 0 0%;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.col-auto{flex:0 0 auto;max-width:none;width:auto}@media(min-width:576px){.col-sm{flex:1 0 0%;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:none;width:auto}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}.offset-sm-12{margin-left:100%}}@media(min-width:768px){.col-md{flex:1 0 0%;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:none;width:auto}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}.offset-md-12{margin-left:100%}}@media(min-width:992px){.col-lg{flex:1 0 0%;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:none;width:auto}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}.offset-lg-12{margin-left:100%}}@media(min-width:1200px){.col-xl{flex:1 0 0%;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}.offset-xl-12{margin-left:100%}}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}@media(min-width:576px){.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}}@media(min-width:768px){.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.middle-content .row{margin-left:calc(var(--grid-gutter)*-1);margin-right:calc(var(--grid-gutter)*-1)}#initPrompt{min-height:80px;padding:1rem .5rem .5rem}label[for=initPrompt]{background-color:var(--bg-secondary);border-radius:4px;color:var(--text-primary);float:right;font-size:.8rem;margin:0;padding:.25rem .5rem;pointer-events:none;position:absolute;right:.75rem;top:.25rem;transition:all .2s ease;z-index:200;z-index:2}a{color:var(--accent-color);cursor:pointer;transition:color .2s ease,text-decoration .2s ease}a,a:hover{text-decoration:underline}a:hover{color:var(--primary-color)}a:focus{border-radius:4px;outline:2px solid var(--accent-color);outline-offset:2px}a:active{color:var(--primary-color);transform:translateY(1px)}.link{color:var(--text-primary);font-weight:500;transition:color .2s ease}.link,.link:hover{text-decoration:underline}.link:hover{color:var(--accent-color)}.link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.link-primary{color:var(--primary-color);font-weight:500;text-decoration:none}.link-primary:hover{color:#0056b3;text-decoration:underline}.link-primary:focus{outline:2px solid var(--primary-color);outline-offset:2px}.link-secondary{color:var(--text-secondary);text-decoration:none}.link-secondary:hover{color:var(--accent-color);text-decoration:underline}.link-secondary:focus{outline:2px solid var(--text-secondary);outline-offset:2px}.link-success{color:var(--success-color);font-weight:500;text-decoration:none}.link-success:hover{color:#1e7e34;text-decoration:underline}.link-success:focus{outline:2px solid var(--success-color);outline-offset:2px}.link-danger{color:var(--danger-color);font-weight:500;text-decoration:none}.link-danger:hover{color:#bd2130;text-decoration:underline}.link-danger:focus{outline:2px solid var(--danger-color);outline-offset:2px}.btn-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;transition:color .2s ease}.btn-link:hover{color:var(--primary-color);text-decoration:none}.btn-link:focus{color:var(--primary-color);outline:none;text-decoration:underline}body.dark .link{color:var(--text-primary)}body.dark .link-primary{color:var(--primary-color)}@media(max-width:768px){.link-danger:focus,.link-primary:focus,.link-success:focus,.link:focus,a:focus{outline:3px solid var(--accent-color);outline-offset:1px}}.hero{align-items:center;background:linear-gradient(to bottom,var(--bg-secondary) 0,var(--main-bg) 100%);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box;color:var(--text-primary);display:flex;justify-content:center;margin-bottom:2rem;min-height:300px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;width:100%}.hero:after{background:linear-gradient(to right,transparent,var(--border-color),transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.hero .hero-content{max-width:800px;position:relative;width:100%;z-index:1}.hero h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero h1,.hero p{transition:color .3s ease}.hero p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero .btn-primary{color:#fff;font-size:1rem;margin:0 .5rem;padding:.75rem 1.5rem;text-decoration:none}.hero:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}body.dark .hero{background:linear-gradient(to bottom,var(--bg-secondary) 0,var(--main-bg) 100%);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .hero:hover{box-shadow:0 4px 12px rgba(0,0,0,.5)}body.dark .hero h1{color:var(--text-primary)}@media(max-width:768px){.hero{border-radius:8px;margin-bottom:1.5rem;min-height:250px;padding:1.5rem 1rem}.hero h1{font-size:2rem;margin-bottom:.75rem}.hero p{font-size:1rem;margin-bottom:1.5rem}.hero .btn-primary{display:block;font-size:.9rem;margin:.5rem auto;max-width:200px;padding:.625rem 1.25rem}}.hero .row{margin:0;width:100%}.hero .col{color:inherit}.middle-content>.hero:first-child{margin-top:1rem}ul{color:var(--text-primary);list-style:none;margin:0;padding:0;transition:color .3s ease}li{border-radius:8px;line-height:1.5;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.list-simple li{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding-left:1.5rem}.list-simple li:hover{background-color:var(--accent-color);box-shadow:0 2px 4px rgba(0,123,255,.2);color:#fff;transform:translateX(4px)}.list-modern ul{padding-left:2rem}.list-modern li::marker{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,var(--accent-color),var(--success-color));border-radius:50%;content:"";display:inline-block;height:8px;margin-right:.5rem;width:8px}.list-modern li{background:var(--bg-primary);border:1px solid var(--border-color);margin-bottom:.5rem}.list-modern li:hover{border-color:var(--accent-color);box-shadow:0 0 10px rgba(0,123,255,.3);transform:scale(1.02)}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.list-icon li{background:var(--bg-secondary);padding-left:2.5rem;position:relative}.list-icon li:before{color:var(--success-color);content:"✓";font-size:1rem;font-weight:700;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.list-icon li:hover:before{animation:check-bounce .3s ease;color:#fff}.list-icon li:hover{background:var(--success-color);color:#fff}@keyframes check-bounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.list-numbered li{background:var(--bg-secondary);counter-increment:list-counter;margin-bottom:.5rem;min-height:2.5rem;padding-left:2.75rem;position:relative}.list-numbered li:before{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;content:counter(list-counter);display:flex;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;left:0;position:absolute;top:.5rem;transition:all .2s ease;width:2rem}.list-numbered ul{counter-reset:list-counter}.list-numbered li:hover:before{background:#fff;box-shadow:0 0 8px var(--accent-color);color:var(--accent-color);transform:scale(1.1)}.list-numbered li:hover{background:var(--bg-primary);border-left:3px solid var(--accent-color)}.list-card li{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;gap:1rem}.list-card li:before{color:var(--accent-color);content:"•";flex-shrink:0;font-size:1.5rem;text-align:center;width:1rem}.list-card li:hover{border-color:var(--accent-color);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}body.dark .list-card li,body.dark .list-icon li,body.dark .list-modern li,body.dark .list-numbered li,body.dark .list-simple li{box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark .list-card li:hover,body.dark .list-icon li:hover,body.dark .list-modern li:hover,body.dark .list-numbered li:hover,body.dark .list-simple li:hover{box-shadow:0 4px 8px rgba(0,0,0,.5)}@media(max-width:768px){li{font-size:.9rem;padding:.5rem .75rem}.list-icon li,.list-numbered li,.list-simple li{padding-left:1.25rem}.list-numbered li:before{font-size:.8rem;height:1.75rem;width:1.75rem}}.page-content{background-color:var(--side-bg);border-radius:30px;padding:30px}.collapsible-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1rem;overflow:hidden;transition:border-color .3s ease}.collapsible-panel:hover{border-color:var(--accent-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}body.dark .collapsible-panel{box-shadow:0 2px 8px rgba(0,0,0,.3)}body.dark .collapsible-panel:hover{box-shadow:0 4px 12px rgba(0,0,0,.5)}.panel-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s ease;user-select:none}.panel-header:hover{background-color:var(--accent-color);color:#fff}.panel-header:hover .toggle-icon{color:#fff}.panel-header h2{color:inherit;font-size:1.1rem;margin:0;transition:color .3s ease}.toggle-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.2rem;text-align:center;transition:transform .3s ease,color .3s ease;width:20px}.toggle-icon.active{color:var(--accent-color);transform:rotate(180deg)}.panel-content{background-color:var(--bg-primary);max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .3s ease,padding .3s ease}.panel-content.active{max-height:500px;padding:1rem}.panel-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;transition:color .3s ease}.panel-content.active p:last-child{margin-bottom:0}@media(max-width:768px){.panel-content.active,.panel-header{padding:.75rem}.panel-header h2,.toggle-icon{font-size:1rem}}.panel-header:focus{outline:2px solid var(--accent-color);outline-offset:-2px}body.dark .menu{box-shadow:0 2px 8px rgba(0,0,0,.3)}.menu ul{display:flex;list-style:none;margin:0;padding:0}.menu li{margin:0}.menu a{background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.menu a:hover{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 8px rgba(0,123,255,.3);color:#fff;outline:none;transform:translateY(-1px)}.menu a:focus{outline:2px solid var(--accent-color);outline-offset:2px}.menu a.active,.menu li.active a{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.menu a.active:hover,.menu li.active a:hover{background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 8px rgba(13,110,253,.4)}@media(max-width:768px){.menu ul{flex-direction:column;gap:.25rem}.menu a{font-size:.9rem;padding:.625rem .875rem;text-align:center}.menu{margin-bottom:.75rem;padding:.375rem}}.middle-content .menu{margin-left:0;margin-right:0;width:100%}