:root{--color-blue: #204c81;--color-green: #008099;--color-bg: #f5f7fa;--color-card: #ffffff;--color-text: #2c3e50;--color-text-light: #6c757d;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);--radius: 16px;--radius-sm: 12px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--color-text);line-height:1.6;padding-bottom:80px;min-height:100vh}header{background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-green) 100%);color:#fff;padding:1.5rem 0 !important;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}header .container>.row>.col-12{font-size:.9rem;font-weight:500;text-align:center;letter-spacing:.3px;opacity:.95}.container{max-width:640px;padding:0 1rem}h1{font-size:1.75rem;font-weight:700;color:var(--color-blue);margin:1.5rem 0 1rem;padding-left:.5rem}h2{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .75rem;padding-left:.5rem;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;color:var(--color-text-light)}ul{list-style:none;padding:0;margin:0 0 1.5rem 0}ul li{margin-bottom:.75rem}ul li a{display:flex;align-items:center;padding:1rem 1.25rem;background:var(--color-card);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}ul li a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-green) 100%);transform:scaleY(0);transition:transform .3s ease}ul li a::after{content:"";width:20px;height:20px;margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236c757d' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .3s ease}ul li a:hover,ul li a:active{transform:translateX(4px);box-shadow:var(--shadow-md)}ul li a:hover::before,ul li a:active::before{transform:scaleY(1)}ul li a:hover::after,ul li a:active::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23008099' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E");transform:translateX(4px)}footer{background:var(--color-card);border-top:1px solid rgba(0,0,0,.08);padding:1.5rem 0 !important;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px rgba(0,0,0,.08)}footer p{font-size:.75rem;color:var(--color-text-light);line-height:1.4}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}ul li{animation:fadeInUp .4s ease backwards}ul li:nth-child(1){animation-delay:0.05s}ul li:nth-child(2){animation-delay:0.1s}ul li:nth-child(3){animation-delay:0.15s}ul li:nth-child(4){animation-delay:0.2s}ul li:nth-child(5){animation-delay:0.25s}ul li:nth-child(6){animation-delay:0.3s}ul li:nth-child(7){animation-delay:0.35s}ul li:nth-child(8){animation-delay:0.4s}ul li:nth-child(9){animation-delay:0.45s}ul li:nth-child(10){animation-delay:0.5s}@media(max-width: 576px){header{padding:1.25rem 0 !important}header .container>.row>.col-12{font-size:.8rem}h1{font-size:1.5rem;margin:1.25rem 0 .75rem}ul li a{padding:.875rem 1rem;font-size:.9rem}}@supports(padding-top: env(safe-area-inset-top)){header{padding-top:calc(1.5rem + env(safe-area-inset-top)) !important}footer{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom)) !important}}@media(hover: none){ul li a:active{background:var(--color-bg);transform:scale(0.98);transition:all .1s ease}}#breadcrumbs{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding:1.25rem 0;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);margin-bottom:2rem}#breadcrumbs .breadcrumb{background-color:rgba(0,0,0,0);padding:0;margin-bottom:0;font-size:.9rem}#breadcrumbs .breadcrumb .breadcrumb-item{color:#6c757d;font-weight:500;transition:all .3s ease}#breadcrumbs .breadcrumb .breadcrumb-item a{color:#495057;text-decoration:none;position:relative;padding:.25rem .5rem;border-radius:.25rem;transition:all .3s ease}#breadcrumbs .breadcrumb .breadcrumb-item a:hover{color:#0d6efd;background-color:rgba(13,110,253,.08);transform:translateY(-1px)}#breadcrumbs .breadcrumb .breadcrumb-item a:focus{outline:2px solid #0d6efd;outline-offset:2px}#breadcrumbs .breadcrumb .breadcrumb-item.active{color:#0d6efd;font-weight:600}#breadcrumbs .breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"›";color:#adb5bd;font-size:1.2rem;line-height:1.2;font-weight:300;transition:color .3s ease}#breadcrumbs:hover .breadcrumb-item+.breadcrumb-item::before{color:#6c757d}@media(prefers-color-scheme: dark){#breadcrumbs{background:linear-gradient(135deg, #212529 0%, #343a40 100%);border-bottom-color:hsla(0,0%,100%,.1)}#breadcrumbs .breadcrumb .breadcrumb-item{color:#adb5bd}#breadcrumbs .breadcrumb .breadcrumb-item a{color:#dee2e6}#breadcrumbs .breadcrumb .breadcrumb-item a:hover{color:#0dcaf0;background-color:rgba(13,202,240,.1)}#breadcrumbs .breadcrumb .breadcrumb-item.active{color:#0dcaf0}#breadcrumbs .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#6c757d}}@media(max-width: 768px){#breadcrumbs{padding:1rem 0}#breadcrumbs .breadcrumb{font-size:.85rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}#breadcrumbs .breadcrumb::-webkit-scrollbar{height:4px}#breadcrumbs .breadcrumb::-webkit-scrollbar-track{background:rgba(0,0,0,0)}#breadcrumbs .breadcrumb::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}#breadcrumbs .breadcrumb .breadcrumb-item{white-space:nowrap}}