@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";:root{--color-primary: #009688;--color-primary-dark: #00796B;--color-primary-light: #B2DFDB;--color-text-primary: #263238;--color-text-secondary: #37474F;--color-text-muted: #546E7A;--color-text-light: #90A4AE;--color-bg: #F5F7F8;--color-surface: #FFFFFF;--color-border: rgba(0, 150, 136, .2);--chip-dark: #2F7C76;--chip-mid: #439892;--chip-light: #7EB3AE;--chip-text: #FFFFFF;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--font-base: "Ubuntu", "Segoe UI", sans-serif;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 30px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-nav: 0 2px 8px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-base);font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:var(--color-primary);clip-path:polygon(40% 0,100% 0,100% 100%,60% 100%);z-index:-1;pointer-events:none}h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text-secondary);line-height:1.3}h3{font-size:var(--text-lg);font-weight:500;color:var(--color-text-secondary)}p{font-size:var(--text-md);line-height:1.7;color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}@media(max-width:600px){h1{font-size:28px}h2{font-size:20px}}.page-wrapper{max-width:860px;margin:0 auto;padding:var(--sp-2xl) var(--sp-xl)}@media(max-width:600px){.page-wrapper{padding:var(--sp-lg) var(--sp-md)}}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--sp-xl)}@media(max-width:600px){.card{padding:var(--sp-lg)}}.btn{display:inline-flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-xl);border-radius:var(--radius-pill);font-family:var(--font-base);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:opacity .2s,box-shadow .2s;text-decoration:none}.btn:hover{opacity:.88;box-shadow:0 4px 12px #0096884d;text-decoration:none}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-filled{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);color:var(--chip-text);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.chip--dark{background:var(--chip-dark)}.chip--mid{background:var(--chip-mid)}.chip--light{background:var(--chip-light)}.bullet-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-xs)}.bullet-list li{display:flex;gap:var(--sp-xs);align-items:flex-start;color:var(--color-text-muted);font-size:var(--text-md);line-height:1.7}.bullet-list li:before{content:"•";color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.service-item{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-xs) 0;font-size:var(--text-md);line-height:1.6;color:var(--color-text-muted)}.service-item svg{flex-shrink:0;margin-top:2px}.accordion-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-card);margin-bottom:var(--sp-lg);overflow:hidden}.accordion-trigger{width:100%;display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-lg) var(--sp-xl);background:none;border:none;cursor:pointer;font-family:var(--font-base);text-align:left}.accordion-trigger:hover{background:#0096880a}.accordion-trigger h2{margin:0;flex:1}.accordion-chevron{flex-shrink:0;transition:transform .25s ease;color:var(--color-primary)}.accordion-card[data-open] .accordion-chevron{transform:rotate(180deg)}.accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.accordion-card[data-open] .accordion-body{grid-template-rows:1fr}.accordion-body>div{overflow:hidden}.subcategory{padding:var(--sp-md) var(--sp-xl) var(--sp-xl);border-top:1px solid var(--color-border)}.subcategory h3{margin-bottom:var(--sp-sm)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--sp-xs);margin-top:var(--sp-sm)}.navbar{height:72px;padding:0 var(--sp-xl);display:flex;align-items:center;background:#fffffff2;backdrop-filter:blur(8px);box-shadow:var(--shadow-nav);position:sticky;top:0;z-index:100}.navbar-logo{display:flex;align-items:center;gap:var(--sp-xs);text-decoration:none}.navbar-logo:hover{text-decoration:none}.logo-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-avatar img{width:20px;height:20px;filter:brightness(0) invert(1)}.logo-name{font-size:18px;font-weight:700;color:#000d}.logo-name span{color:var(--color-primary)}.navbar-links{display:flex;align-items:center;gap:var(--sp-2xl);margin-left:auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;padding:4px}.nav-item:hover{text-decoration:none}.nav-item-label{font-size:var(--text-md);color:#0008;font-weight:400;transition:color .2s}.nav-item[aria-current] .nav-item-label{color:var(--color-primary);font-weight:700}.nav-item-bar{height:2px;width:20px;border-radius:1px;background:transparent;transition:background .25s}.nav-item[aria-current] .nav-item-bar{background:var(--color-primary)}.hamburger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;padding:var(--sp-xs);color:var(--color-primary)}.mobile-drawer{position:fixed;inset:0;z-index:200;pointer-events:none}.mobile-drawer[data-open]{pointer-events:all}.drawer-overlay{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .25s}.mobile-drawer[data-open] .drawer-overlay{opacity:1}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:260px;background:var(--color-primary);padding:var(--sp-2xl) var(--sp-xl);display:flex;flex-direction:column;gap:var(--sp-sm);transform:translate(100%);transition:transform .25s ease}.mobile-drawer[data-open] .drawer-panel{transform:translate(0)}.drawer-close{align-self:flex-end;background:none;border:none;cursor:pointer;color:#fff;margin-bottom:var(--sp-lg)}.drawer-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffffd9;font-size:17px;font-weight:700;text-decoration:none;padding:var(--sp-md) 0}.drawer-link:hover{color:#fff;text-decoration:none}.drawer-link[aria-current]{color:#fff}.drawer-link-bar{height:2px;width:20px;border-radius:1px;background:transparent}.drawer-link[aria-current] .drawer-link-bar{background:#fff}@media(max-width:768px){.navbar-links{display:none}.hamburger{display:flex}}.footer{background:var(--color-surface);box-shadow:0 -2px 8px #0000000a;padding:var(--sp-xl) var(--sp-xl)}.footer-inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-lg)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--sp-lg);justify-content:center}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.footer-nav a[aria-current]{color:var(--color-text-primary);font-weight:600}.footer-social{display:flex;gap:var(--sp-xs)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--color-primary);transition:background .2s}.footer-social a:hover{background:var(--color-primary-light)}.footer-copyright{font-size:12px;color:var(--color-text-light)}.about-grid{display:grid;grid-template-columns:220px 1fr;gap:var(--sp-xl);align-items:start}@media(max-width:768px){.about-grid{grid-template-columns:1fr}.about-grid .profile-img{width:150px;margin:0 auto}}.profile-img{width:100%;border-radius:var(--radius-md)}.section-gap{margin-top:var(--sp-xl)}.section-gap-lg{margin-top:var(--sp-2xl)}.paragraph-gap{margin-top:var(--sp-lg)}.element-gap{margin-top:var(--sp-sm)}.book-row{display:grid;grid-template-columns:180px 1fr;gap:var(--sp-xl);align-items:start}@media(max-width:600px){.book-row{grid-template-columns:1fr}.book-row .book-cover{width:180px;margin:0 auto}}.book-cover{width:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.book-meta{font-size:var(--text-sm);color:var(--color-text-light);font-style:italic;margin-top:var(--sp-xs)}.book-divider{border:none;border-top:1px solid var(--color-border);margin:var(--sp-2xl) 0}.cta-row{display:flex;flex-wrap:wrap;gap:var(--sp-lg);justify-content:center;margin-top:var(--sp-xl)}