:root{--primary: #166c7b;--primary-hover: #134e5a;--primary-light: #1a7b8c;--dark: #030306;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #16a34a;--warning: #ea580c;--error: #dc2626;--info: #166c7b;--status-active-bg: #f0fdfa;--status-active-text: #166c7b;--status-active-border: #166c7b;--status-inactive-bg: #fef2f2;--status-inactive-text: #dc2626;--status-inactive-border: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:768px;margin:0 auto;padding:0 var(--space-4)}.header{background:var(--dark);padding:var(--space-12) 0 var(--space-8);text-align:center;color:var(--white)}.header-logo{margin-bottom:var(--space-6);display:flex;justify-content:center;align-items:center}.logo-image{max-height:80px;height:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1)}.header-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.025em;opacity:.95}.header-subtitle{font-size:1.125rem;font-weight:500;opacity:.9;margin-bottom:var(--space-2)}.header-description{font-size:.875rem;opacity:.8;max-width:32rem;margin:0 auto}.main{padding:var(--space-8) 0}.section{margin-bottom:var(--space-12)}.section:last-child{margin-bottom:var(--space-16)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--primary)}.section-icon{width:1.5rem;height:1.5rem;color:var(--primary)}.section-title{font-size:1.25rem;font-weight:600;color:var(--dark)}.link-list{display:flex;flex-direction:column;gap:var(--space-3)}.link-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s ease;position:relative;overflow:hidden}.link-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.link-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform .2s ease}.link-item:hover:before{transform:scaleY(1)}.link-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.link-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.link-icon{flex-shrink:0;width:2.5rem;height:2.5rem;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--primary)}.link-item:hover .link-icon{background:var(--primary);color:var(--white)}.link-icon svg{width:1.25rem;height:1.25rem}.link-content{flex:1;min-width:0}.link-title{font-size:.875rem;font-weight:600;color:var(--dark);margin-bottom:var(--space-1);line-height:1.4}.link-description{font-size:.75rem;color:var(--gray-600);line-height:1.4}.status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;border:1px solid;flex-shrink:0}.status-active{background:var(--status-active-bg);color:var(--status-active-text);border-color:var(--status-active-border)}.status-inactive{background:var(--status-inactive-bg);color:var(--status-inactive-text);border-color:var(--status-inactive-border)}.status-badge svg{width:.75rem;height:.75rem}.link-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.link-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.link-button svg{width:1rem;height:1rem}.info-panel{background:var(--primary);color:var(--white);padding:var(--space-6);border-radius:var(--radius-xl);margin-top:var(--space-8)}.info-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.info-icon{width:1.5rem;height:1.5rem;color:var(--white)}.info-title{font-size:1rem;font-weight:600}.info-list{list-style:none;space-y:var(--space-2)}.info-list li{font-size:.875rem;opacity:.9;margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.info-list li:before{content:"•";position:absolute;left:0;color:#ffffffb3}.footer{background:var(--dark);color:var(--gray-300);padding:var(--space-8) 0;text-align:center}.footer-text{margin-bottom:var(--space-2)}.footer-updated{font-size:.75rem;color:var(--gray-500)}@media (max-width: 640px){.container{padding:0 var(--space-3)}.header{padding:var(--space-8) 0 var(--space-6)}.logo-image{max-height:60px}.header-title{font-size:1.5rem}.header-subtitle{font-size:1rem}.main{padding:var(--space-6) 0}.section{margin-bottom:var(--space-8)}.section-header{margin-bottom:var(--space-4)}.link-item{padding:var(--space-3)}.link-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.link-info{gap:var(--space-2)}.link-icon{width:2rem;height:2rem}.link-icon svg{width:1rem;height:1rem}.link-title{font-size:.8rem}.link-description{font-size:.7rem}.status-badge{align-self:flex-start}.info-panel{padding:var(--space-4)}}