:root{--md-sys-color-primary: #6750a4;--md-sys-color-primary-container: #eaddff;--md-sys-color-on-primary: #ffffff;--md-sys-color-on-primary-container: #21005d;--md-sys-color-secondary: #625b71;--md-sys-color-secondary-container: #e8def8;--md-sys-color-on-secondary: #ffffff;--md-sys-color-on-secondary-container: #1d192b;--md-sys-color-tertiary: #7d5260;--md-sys-color-tertiary-container: #ffd8e4;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-on-tertiary-container: #31111d;--md-sys-color-surface: #fffbfe;--md-sys-color-surface-variant: #e7e0ec;--md-sys-color-on-surface: #1c1b1f;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-background: #fffbfe;--md-sys-color-on-background: #1c1b1f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac4d0;--md-sys-color-error: #ba1a1a;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error: #ffffff;--md-sys-color-on-error-container: #410002;--md-sys-state-hover-opacity: 0.08;--md-sys-state-focus-opacity: 0.12;--md-sys-state-pressed-opacity: 0.16}:root{--md-sys-typescale-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif;--md-sys-typescale-display-font-family: Roboto Slab, Georgia, Times New Roman, serif;--md-sys-typescale-display-large-size: clamp(3.5rem, 4vw, 4rem);--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-display-large-line-height: 1.12;--md-sys-typescale-display-large-tracking: -0.25px;--md-sys-typescale-headline-large-size: clamp(2rem, 3vw, 2.5rem);--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-headline-large-line-height: 1.2;--md-sys-typescale-headline-large-tracking: 0px;--md-sys-typescale-title-large-size: clamp(1.375rem, 2vw, 1.5rem);--md-sys-typescale-title-large-weight: 500;--md-sys-typescale-title-large-line-height: 1.28;--md-sys-typescale-title-large-tracking: 0px;--md-sys-typescale-body-large-size: clamp(1rem, 1.5vw, 1.125rem);--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-body-large-line-height: 1.5;--md-sys-typescale-body-large-tracking: 0.15px;--md-sys-typescale-label-medium-size: 0.875rem;--md-sys-typescale-label-medium-weight: 500;--md-sys-typescale-label-medium-line-height: 1.43;--md-sys-typescale-label-medium-tracking: 0.5px}:root{--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);--md-sys-elevation-level2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);--md-sys-elevation-level3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);--md-sys-elevation-level4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.3);--md-sys-elevation-level6: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.3);--md-sys-elevation-level8: 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--md-sys-elevation-level12: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--md-sys-elevation-level16: 0px 20px 25px 0px rgba(0, 0, 0, 0.14), 0px 8px 50px 6px rgba(0, 0, 0, 0.12);--md-sys-elevation-level24: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}:root{--md-sys-space-xs: 4px;--md-sys-space-sm: 8px;--md-sys-space-md: 16px;--md-sys-space-lg: 24px;--md-sys-space-xl: 32px;--md-sys-space-2xl: 40px;--md-sys-space-3xl: 48px}:root{--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-decelerated: cubic-bezier(0, 0, 0.2, 1);--md-sys-motion-easing-accelerated: cubic-bezier(0.4, 0, 1, 1);--md-sys-motion-duration-short: 200ms;--md-sys-motion-duration-medium: 300ms;--md-sys-motion-duration-long: 400ms;--md-sys-motion-duration-extra-long: 500ms}:root{--md-sys-shape-none: 0px;--md-sys-shape-xs: 4px;--md-sys-shape-sm: 8px;--md-sys-shape-md: 12px;--md-sys-shape-lg: 16px;--md-sys-shape-xl: 24px;--md-sys-shape-full: 50%}@media(prefers-reduced-motion: reduce){:root{--md-sys-motion-duration-short: 0.01ms;--md-sys-motion-duration-medium: 0.01ms;--md-sys-motion-duration-long: 0.01ms;--md-sys-motion-duration-extra-long: 0.01ms}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*{box-sizing:border-box;margin:0;padding:0}*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking);color:var(--md-sys-color-on-background);background-color:var(--md-sys-color-background);min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-on-surface)}h1{font-family:var(--md-sys-typescale-display-font-family);font-size:var(--md-sys-typescale-display-large-size);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-tracking)}h2{font-size:var(--md-sys-typescale-headline-large-size);letter-spacing:var(--md-sys-typescale-headline-large-tracking)}h3{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-tracking)}h4,h5,h6{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight)}p{margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-on-surface)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}a:hover{color:color-mix(in srgb, var(--md-sys-color-primary) 80%, var(--md-sys-color-on-surface));text-decoration:underline}a:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-xs)}ul,ol{margin-bottom:var(--md-sys-space-md);padding-left:var(--md-sys-space-lg)}li{margin-bottom:var(--md-sys-space-xs);color:var(--md-sys-color-on-surface)}ul.reset-list,ol.reset-list{list-style:none;margin:0;padding:0}ul.reset-list li,ol.reset-list li{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit}button{cursor:pointer;border:none;background:none}input:focus,textarea:focus,select:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--md-sys-space-md);padding-right:var(--md-sys-space-md)}@media(min-width: 840px){.container{padding-left:var(--md-sys-space-lg);padding-right:var(--md-sys-space-lg)}}.content-panel{padding:var(--md-sys-space-2xl) 0}.content-panel:nth-child(even){background-color:color-mix(in srgb, var(--md-sys-color-surface-variant) 30%, transparent)}@media(max-width: 599px){.content-panel{padding:var(--md-sys-space-xl) 0}}.section-title{font-family:var(--md-sys-typescale-display-font-family);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);text-align:center;margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-primary)}.section-title::after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));margin:var(--md-sys-space-md) auto;border-radius:var(--md-sys-shape-xs)}.section-description{text-align:center;font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface-variant);max-width:600px;margin:0 auto var(--md-sys-space-2xl);line-height:1.6}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.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}.hidden{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--md-sys-space-sm)}.mb-md{margin-bottom:var(--md-sys-space-md)}.mb-lg{margin-bottom:var(--md-sys-space-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--md-sys-space-sm)}.mt-md{margin-top:var(--md-sys-space-md)}.mt-lg{margin-top:var(--md-sys-space-lg)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-xs)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:var(--md-sys-space-sm) var(--md-sys-space-md);text-decoration:none;border-radius:var(--md-sys-shape-sm);z-index:1000}.skip-link:focus{top:6px}@media print{*{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.nav-bar,.hero-background,.floating-element,.decorative-overlay{display:none !important}}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:color-mix(in srgb, var(--md-sys-color-surface) 95%, transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level2)}@supports not (backdrop-filter: blur(10px)){.nav-bar{background-color:var(--md-sys-color-surface)}}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 var(--md-sys-space-md)}@media(min-width: 840px){.nav-content{padding:0 var(--md-sys-space-lg)}}.nav-link{display:flex;align-items:center;gap:var(--md-sys-space-sm);padding:var(--md-sys-space-sm) var(--md-sys-space-md);border-radius:var(--md-sys-shape-md);color:var(--md-sys-color-on-surface);font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);text-decoration:none;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.nav-link{position:relative}.nav-link::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.nav-link:hover::before{opacity:var(--md-sys-state-hover-opacity)}.nav-link:focus::before{opacity:var(--md-sys-state-focus-opacity)}.nav-link:active::before{opacity:var(--md-sys-state-pressed-opacity)}.nav-link{min-height:48px;min-width:48px}.nav-link .material-icons{font-size:20px;color:var(--md-sys-color-on-surface-variant);transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.nav-link:hover{color:var(--md-sys-color-primary);text-decoration:none}.nav-link:hover .material-icons{color:var(--md-sys-color-primary)}.nav-link:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media(max-width: 599px){.nav-link span:not(.material-icons){display:none}}.hero-header{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg, var(--md-sys-color-primary-container) 0%, var(--md-sys-color-tertiary-container) 100%);color:var(--md-sys-color-on-primary-container)}.hero-content{text-align:center;z-index:2;max-width:800px;padding:var(--md-sys-space-2xl) var(--md-sys-space-md)}@media(max-width: 599px){.hero-content{padding:var(--md-sys-space-xl) var(--md-sys-space-md)}}.hero-title{font-family:var(--md-sys-typescale-display-font-family);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height);margin-bottom:var(--md-sys-space-lg);color:var(--md-sys-color-on-primary-container);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:var(--md-sys-typescale-body-large-size);line-height:1.6;margin-bottom:var(--md-sys-space-2xl);color:var(--md-sys-color-on-primary-container);opacity:.8;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--md-sys-space-md);justify-content:center;flex-wrap:wrap}@media(max-width: 599px){.hero-actions{flex-direction:column;align-items:center}}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.floating-card{position:absolute;width:100px;height:60px;background:hsla(0,0%,100%,.1);border-radius:var(--md-sys-shape-md);box-shadow:var(--md-sys-elevation-level2);backdrop-filter:blur(5px);animation:float var(--md-sys-motion-duration-extra-long) ease-in-out infinite}.floating-card.card-1{top:20%;left:10%;animation-delay:0s;animation-duration:4s}.floating-card.card-2{top:60%;right:15%;animation-delay:1s;animation-duration:5s}.floating-card.card-3{bottom:30%;left:20%;animation-delay:2s;animation-duration:6s}.elevation-demo-bg{position:absolute;top:50%;right:10%;transform:translateY(-50%)}@media(max-width: 599px){.elevation-demo-bg{display:none}}.shadow-layer{position:absolute;width:80px;height:80px;background:hsla(0,0%,100%,.15);border-radius:var(--md-sys-shape-md)}.shadow-layer.shadow-1{box-shadow:var(--md-sys-elevation-level2);transform:translateX(0) translateY(0)}.shadow-layer.shadow-2{box-shadow:var(--md-sys-elevation-level4);transform:translateX(20px) translateY(20px)}.shadow-layer.shadow-3{box-shadow:var(--md-sys-elevation-level8);transform:translateX(40px) translateY(40px)}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--md-sys-space-lg);margin-top:var(--md-sys-space-2xl)}@media(max-width: 599px){.philosophy-grid{grid-template-columns:1fr;gap:var(--md-sys-space-md)}}.elevation-showcase{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--md-sys-space-lg);margin-top:var(--md-sys-space-2xl)}@media(max-width: 599px){.elevation-showcase{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:var(--md-sys-space-md)}}.color-showcase{margin-top:var(--md-sys-space-2xl)}.color-row{margin-bottom:var(--md-sys-space-2xl)}.color-row h3{margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-on-surface)}.color-swatches{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--md-sys-space-md)}@media(max-width: 599px){.color-swatches{grid-template-columns:1fr}}.components-demo{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--md-sys-space-2xl);margin-top:var(--md-sys-space-2xl)}@media(max-width: 599px){.components-demo{grid-template-columns:1fr;gap:var(--md-sys-space-xl)}}.component-group h3{margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-on-surface)}.button-showcase{display:flex;flex-wrap:wrap;gap:var(--md-sys-space-md);align-items:center}.cards-showcase{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--md-sys-space-md)}.form-showcase{display:flex;flex-direction:column;gap:var(--md-sys-space-lg)}.motion-demos{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--md-sys-space-2xl);margin-top:var(--md-sys-space-2xl)}@media(max-width: 599px){.motion-demos{grid-template-columns:1fr}}.motion-demo{text-align:center}.motion-demo h3{margin-bottom:var(--md-sys-space-md);color:var(--md-sys-color-on-surface)}.motion-demo p{margin-top:var(--md-sys-space-md);color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.demo-area{display:flex;justify-content:center;align-items:center;min-height:120px;background-color:color-mix(in srgb, var(--md-sys-color-surface-variant) 30%, transparent);border-radius:var(--md-sys-shape-md);border:1px solid var(--md-sys-color-outline-variant);margin:var(--md-sys-space-md) 0}.typography-demo{margin-top:var(--md-sys-space-2xl)}.type-scale{display:flex;flex-direction:column;gap:var(--md-sys-space-lg)}.type-sample{display:flex;flex-direction:column;gap:var(--md-sys-space-sm);padding:var(--md-sys-space-md);background-color:color-mix(in srgb, var(--md-sys-color-surface-variant) 20%, transparent);border-radius:var(--md-sys-shape-md);border-left:4px solid var(--md-sys-color-primary)}.type-label{font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--md-sys-space-xs)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--md-sys-space-2xl);margin-top:var(--md-sys-space-2xl)}@media(max-width: 599px){.resources-grid{grid-template-columns:1fr;gap:var(--md-sys-space-lg)}}.resource-category{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-lg);padding:var(--md-sys-space-lg);box-shadow:var(--md-sys-elevation-level1);transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.resource-category:hover{box-shadow:var(--md-sys-elevation-level3)}.category-header{display:flex;align-items:center;gap:var(--md-sys-space-sm);margin-bottom:var(--md-sys-space-md)}.category-header .material-icons{color:var(--md-sys-color-primary);font-size:24px}.category-header h3{margin:0;color:var(--md-sys-color-on-surface)}.site-footer{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);padding:var(--md-sys-space-2xl) 0;margin-top:var(--md-sys-space-3xl)}.footer-content{text-align:center;margin-bottom:var(--md-sys-space-lg)}.footer-content p{margin-bottom:var(--md-sys-space-md);max-width:600px;margin-left:auto;margin-right:auto}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--md-sys-space-sm);flex-wrap:wrap}.footer-links a{color:var(--md-sys-color-primary);font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-links .divider{color:var(--md-sys-color-on-surface-variant);opacity:.5}.footer-bottom{text-align:center;padding-top:var(--md-sys-space-lg);border-top:1px solid var(--md-sys-color-outline-variant)}.footer-bottom p{margin:0;font-size:.875rem;opacity:.8}.footer-bottom a{color:var(--md-sys-color-primary);font-weight:500}.decorative-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.floating-element{position:absolute;width:6px;height:6px;background:var(--md-sys-color-primary);border-radius:50%;opacity:.4;animation:float-ambient 8s ease-in-out infinite}.floating-element.elem-1{top:20%;left:5%;animation-delay:0s;animation-duration:8s}.floating-element.elem-2{top:60%;right:10%;animation-delay:3s;animation-duration:10s}.floating-element.elem-3{bottom:30%;left:15%;animation-delay:6s;animation-duration:12s}@keyframes float-ambient{0%,100%{transform:translate(0, 0) scale(1);opacity:.3}50%{transform:translate(20px, -30px) scale(1.2);opacity:.6}}.philosophy-card{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-lg);padding:var(--md-sys-space-lg);box-shadow:var(--md-sys-elevation-level1);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);cursor:pointer}.philosophy-card{position:relative}.philosophy-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.philosophy-card:hover::before{opacity:var(--md-sys-state-hover-opacity)}.philosophy-card:focus::before{opacity:var(--md-sys-state-focus-opacity)}.philosophy-card:active::before{opacity:var(--md-sys-state-pressed-opacity)}.philosophy-card:hover{box-shadow:var(--md-sys-elevation-level4);transform:translateY(-4px)}.philosophy-card:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.philosophy-card .card-icon{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));border-radius:var(--md-sys-shape-full);margin:0 auto var(--md-sys-space-md)}.philosophy-card .card-icon .material-icons{color:var(--md-sys-color-on-primary);font-size:32px}.philosophy-card h3{text-align:center;color:var(--md-sys-color-on-surface);margin-bottom:var(--md-sys-space-sm);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight)}.philosophy-card p{text-align:center;color:var(--md-sys-color-on-surface-variant);line-height:1.6;margin:0}.elevation-item{text-align:center}.elevation-item[data-elevation="0"] .elevation-card{box-shadow:var(--md-sys-elevation-level0)}.elevation-item[data-elevation="1"] .elevation-card{box-shadow:var(--md-sys-elevation-level1)}.elevation-item[data-elevation="3"] .elevation-card{box-shadow:var(--md-sys-elevation-level3)}.elevation-item[data-elevation="6"] .elevation-card{box-shadow:var(--md-sys-elevation-level6)}.elevation-item[data-elevation="8"] .elevation-card{box-shadow:var(--md-sys-elevation-level8)}.elevation-item[data-elevation="24"] .elevation-card{box-shadow:var(--md-sys-elevation-level24)}.elevation-card{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-md);padding:var(--md-sys-space-lg);min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.elevation-card:hover{transform:translateY(-2px)}.elevation-card .elevation-label{font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-primary);margin-bottom:var(--md-sys-space-xs);text-transform:uppercase;letter-spacing:.5px}.elevation-card p{color:var(--md-sys-color-on-surface-variant);font-size:.875rem;text-align:center;margin:0}.color-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border-radius:var(--md-sys-shape-md);padding:var(--md-sys-space-md);text-align:center;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.color-swatch:hover{transform:scale(1.05)}.color-swatch .color-label{font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);margin-bottom:var(--md-sys-space-xs)}.color-swatch .color-value{font-family:"Courier New",monospace;font-size:.75rem;opacity:.8}.color-swatch.primary-main{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.color-swatch.primary-container{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.color-swatch.on-primary{background-color:var(--md-sys-color-on-primary);color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-outline-variant)}.color-swatch.secondary-main{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.color-swatch.secondary-container{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.color-swatch.on-secondary{background-color:var(--md-sys-color-on-secondary);color:var(--md-sys-color-secondary);border:2px solid var(--md-sys-color-outline-variant)}.color-swatch.surface-main{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:2px solid var(--md-sys-color-outline-variant)}.color-swatch.surface-variant{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.color-swatch.outline{background-color:var(--md-sys-color-outline);color:var(--md-sys-color-surface)}.material-card{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-lg);overflow:hidden;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.material-card.outlined{border:1px solid var(--md-sys-color-outline-variant);box-shadow:none}.material-card.outlined:hover{box-shadow:var(--md-sys-elevation-level2);border-color:var(--md-sys-color-outline)}.material-card.filled{background-color:var(--md-sys-color-surface-variant);box-shadow:var(--md-sys-elevation-level1)}.material-card.filled:hover{box-shadow:var(--md-sys-elevation-level4)}.material-card:hover{transform:translateY(-2px)}.material-card:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--md-sys-space-md) var(--md-sys-space-lg);border-bottom:1px solid var(--md-sys-color-outline-variant)}.card-header h4{margin:0;font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);color:var(--md-sys-color-on-surface)}.card-header .material-icons{color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:var(--md-sys-space-xs);border-radius:var(--md-sys-shape-full);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.card-header .material-icons:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.card-content{padding:var(--md-sys-space-lg)}.card-content p{margin:0;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.card-actions{display:flex;gap:var(--md-sys-space-sm);padding:var(--md-sys-space-md) var(--md-sys-space-lg);justify-content:flex-end;border-top:1px solid var(--md-sys-color-outline-variant)}.demo-button{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-md);padding:var(--md-sys-space-md) var(--md-sys-space-lg);font-weight:var(--md-sys-typescale-label-medium-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.demo-button{position:relative;overflow:hidden}.demo-button .ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.6);animation:ripple-animation var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.demo-button{min-height:48px;min-width:48px}.demo-button:hover{box-shadow:var(--md-sys-elevation-level2)}.demo-button:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.elevation-demo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-md);box-shadow:var(--md-sys-elevation-level2);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);cursor:pointer}.elevation-demo-card .material-icons{color:var(--md-sys-color-primary);font-size:32px;margin-bottom:var(--md-sys-space-xs)}.elevation-demo-card span:last-child{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);text-align:center}.elevation-demo-card:hover{box-shadow:var(--md-sys-elevation-level8);transform:translateY(-8px)}.transform-demo{display:flex;gap:var(--md-sys-space-md);justify-content:center}.transform-item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-md);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.transform-item .material-icons{color:var(--md-sys-color-on-surface-variant);transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.transform-item:hover{transform:scale(1.1)}.transform-item.active{background-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level4)}.transform-item.active .material-icons{color:var(--md-sys-color-on-primary)}.material-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--md-sys-space-sm);padding:var(--md-sys-space-sm) var(--md-sys-space-lg);border-radius:var(--md-sys-shape-md);font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);letter-spacing:var(--md-sys-typescale-label-medium-tracking);text-decoration:none;border:none;cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);position:relative;overflow:hidden}.material-btn{min-height:48px;min-width:48px}.material-btn{position:relative}.material-btn::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.material-btn:hover::before{opacity:var(--md-sys-state-hover-opacity)}.material-btn:focus::before{opacity:var(--md-sys-state-focus-opacity)}.material-btn:active::before{opacity:var(--md-sys-state-pressed-opacity)}.material-btn .material-icons{font-size:18px}.material-btn:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.material-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.material-btn.contained{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-level1)}.material-btn.contained{position:relative}.material-btn.contained::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.material-btn.contained:hover::before{opacity:var(--md-sys-state-hover-opacity)}.material-btn.contained:focus::before{opacity:var(--md-sys-state-focus-opacity)}.material-btn.contained:active::before{opacity:var(--md-sys-state-pressed-opacity)}.material-btn.contained:hover{box-shadow:var(--md-sys-elevation-level2)}.material-btn.contained:active{box-shadow:var(--md-sys-elevation-level1)}.material-btn.outlined{background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.material-btn.outlined{position:relative}.material-btn.outlined::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.material-btn.outlined:hover::before{opacity:var(--md-sys-state-hover-opacity)}.material-btn.outlined:focus::before{opacity:var(--md-sys-state-focus-opacity)}.material-btn.outlined:active::before{opacity:var(--md-sys-state-pressed-opacity)}.material-btn.outlined:hover{border-color:var(--md-sys-color-primary)}.material-btn.outlined:focus{border-color:var(--md-sys-color-primary)}.material-btn.text{background-color:rgba(0,0,0,0);color:var(--md-sys-color-primary)}.material-btn.text{position:relative}.material-btn.text::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.material-btn.text:hover::before{opacity:var(--md-sys-state-hover-opacity)}.material-btn.text:focus::before{opacity:var(--md-sys-state-focus-opacity)}.material-btn.text:active::before{opacity:var(--md-sys-state-pressed-opacity)}.fab{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-lg);box-shadow:var(--md-sys-elevation-level6);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);position:relative;overflow:hidden}.fab{position:relative}.fab::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.fab:hover::before{opacity:var(--md-sys-state-hover-opacity)}.fab:focus::before{opacity:var(--md-sys-state-focus-opacity)}.fab:active::before{opacity:var(--md-sys-state-pressed-opacity)}.fab{position:relative;overflow:hidden}.fab .ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.6);animation:ripple-animation var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.fab .material-icons{font-size:24px}.fab:hover{box-shadow:var(--md-sys-elevation-level8);transform:scale(1.05)}.fab:active{box-shadow:var(--md-sys-elevation-level6);transform:scale(0.95)}.fab:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.fab.small{width:40px;height:40px}.fab.small .material-icons{font-size:18px}.fab.large{width:96px;height:96px}.fab.large .material-icons{font-size:36px}.fab.extended{width:auto;min-width:80px;padding:0 var(--md-sys-space-md);gap:var(--md-sys-space-sm);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight)}.icon-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:rgba(0,0,0,0);color:var(--md-sys-color-on-surface-variant);border:none;border-radius:var(--md-sys-shape-full);cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.icon-button{position:relative}.icon-button::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-surface-variant);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.icon-button:hover::before{opacity:var(--md-sys-state-hover-opacity)}.icon-button:focus::before{opacity:var(--md-sys-state-focus-opacity)}.icon-button:active::before{opacity:var(--md-sys-state-pressed-opacity)}.icon-button .material-icons{font-size:24px}.icon-button:hover{color:var(--md-sys-color-on-surface)}.icon-button:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.icon-button.filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.icon-button.filled{position:relative}.icon-button.filled::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-primary);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.icon-button.filled:hover::before{opacity:var(--md-sys-state-hover-opacity)}.icon-button.filled:focus::before{opacity:var(--md-sys-state-focus-opacity)}.icon-button.filled:active::before{opacity:var(--md-sys-state-pressed-opacity)}.icon-button.outlined{border:1px solid var(--md-sys-color-outline)}.icon-button.outlined:hover{border-color:var(--md-sys-color-primary)}.icon-button.tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.icon-button.tonal{position:relative}.icon-button.tonal::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--md-sys-color-on-secondary-container);opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none}.icon-button.tonal:hover::before{opacity:var(--md-sys-state-hover-opacity)}.icon-button.tonal:focus::before{opacity:var(--md-sys-state-focus-opacity)}.icon-button.tonal:active::before{opacity:var(--md-sys-state-pressed-opacity)}.ripple-demo{position:relative;overflow:hidden}.ripple-demo .ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.6);animation:ripple-animation var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple-demo .ripple{background-color:hsla(0,0%,100%,.4)}.demo-button.ripple-demo{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-lg);padding:var(--md-sys-space-md) var(--md-sys-space-xl);font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);box-shadow:var(--md-sys-elevation-level4);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.demo-button.ripple-demo:hover{box-shadow:var(--md-sys-elevation-level8);transform:translateY(-2px)}.demo-button.ripple-demo:active{transform:translateY(0);box-shadow:var(--md-sys-elevation-level2)}.button-group{display:flex;gap:var(--md-sys-space-sm)}.button-group.vertical{flex-direction:column}.button-group.segmented{border-radius:var(--md-sys-shape-md);overflow:hidden;border:1px solid var(--md-sys-color-outline);gap:0}.button-group.segmented .material-btn{border-radius:0;border:none;border-right:1px solid var(--md-sys-color-outline)}.button-group.segmented .material-btn:last-child{border-right:none}.button-group.segmented .material-btn.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.material-btn.loading{position:relative;color:rgba(0,0,0,0)}.material-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:2px solid currentColor;border-radius:50%;border-top-color:rgba(0,0,0,0);animation:button-spin var(--md-sys-motion-duration-extra-long) linear infinite}.material-btn.loading.contained::after{border-color:var(--md-sys-color-on-primary);border-top-color:rgba(0,0,0,0)}.material-btn.loading.outlined::after,.material-btn.loading.text::after{border-color:var(--md-sys-color-primary);border-top-color:rgba(0,0,0,0)}@keyframes button-spin{to{transform:rotate(360deg)}}@media(max-width: 599px){.material-btn{padding:var(--md-sys-space-sm) var(--md-sys-space-md);font-size:.875rem}.material-btn .material-icons{font-size:16px}.fab{width:48px;height:48px}.fab .material-icons{font-size:20px}.fab.large{width:80px;height:80px}.fab.large .material-icons{font-size:28px}.button-group{flex-direction:column;width:100%}.button-group .material-btn{width:100%;justify-content:center}}.text-field{position:relative;margin-bottom:var(--md-sys-space-lg)}.text-field input{width:100%;padding:var(--md-sys-space-md) var(--md-sys-space-md) var(--md-sys-space-sm);border:none;border-radius:var(--md-sys-shape-xs) var(--md-sys-shape-xs) 0 0;background-color:rgba(0,0,0,0);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.text-field input:focus{outline:none}.text-field input::placeholder{color:rgba(0,0,0,0)}.text-field label{position:absolute;left:var(--md-sys-space-md);top:var(--md-sys-space-md);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;transform-origin:left center}.text-field .field-border{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.text-field .field-border::after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background-color:var(--md-sys-color-primary);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.text-field input:focus+label,.text-field input:not(:placeholder-shown)+label{transform:translateY(-1.2rem) scale(0.75);color:var(--md-sys-color-primary)}.text-field input:focus~.field-border::after{left:0;right:0}.text-field.filled input{background-color:var(--md-sys-color-surface-variant);padding-top:var(--md-sys-space-lg)}.text-field.filled label{top:var(--md-sys-space-lg)}.text-field.filled input:focus+label,.text-field.filled input:not(:placeholder-shown)+label{transform:translateY(-0.8rem) scale(0.75)}.text-field.outlined input{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-xs);background-color:rgba(0,0,0,0);padding:var(--md-sys-space-md)}.text-field.outlined label{background-color:var(--md-sys-color-background);padding:0 var(--md-sys-space-xs);left:calc(var(--md-sys-space-md) - var(--md-sys-space-xs))}.text-field.outlined .field-border{display:none}.text-field.outlined input:focus{border-color:var(--md-sys-color-primary);border-width:2px}.text-field.outlined input:focus+label,.text-field.outlined input:not(:placeholder-shown)+label{transform:translateY(-1.6rem) scale(0.75)}.text-field.error input{border-color:var(--md-sys-color-error)}.text-field.error label{color:var(--md-sys-color-error)}.text-field.error .field-border{background-color:var(--md-sys-color-error)}.text-field.error .field-border::after{background-color:var(--md-sys-color-error)}.text-field .helper-text{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);margin-top:var(--md-sys-space-xs)}.text-field .helper-text.error{color:var(--md-sys-color-error)}.checkbox-group{margin-bottom:var(--md-sys-space-md)}.checkbox-label{display:flex;align-items:center;gap:var(--md-sys-space-md);cursor:pointer}.checkbox-label{min-height:48px;min-width:48px}.checkbox-input{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{position:relative;width:20px;height:20px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-xs);background-color:rgba(0,0,0,0);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.checkbox-custom::after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid var(--md-sys-color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.checkbox-text{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size)}.checkbox-input:checked+.checkbox-custom{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.checkbox-input:checked+.checkbox-custom::after{transform:rotate(45deg) scale(1)}.checkbox-input:focus+.checkbox-custom{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.radio-group{margin-bottom:var(--md-sys-space-md)}.radio-label{display:flex;align-items:center;gap:var(--md-sys-space-md);cursor:pointer;margin-bottom:var(--md-sys-space-sm)}.radio-label{min-height:48px;min-width:48px}.radio-input{position:absolute;opacity:0;pointer-events:none}.radio-custom{position:relative;width:20px;height:20px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-full);background-color:rgba(0,0,0,0);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.radio-custom::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:var(--md-sys-shape-full);background-color:var(--md-sys-color-primary);transform:translate(-50%, -50%) scale(0);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.radio-text{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size)}.radio-input:checked+.radio-custom{border-color:var(--md-sys-color-primary)}.radio-input:checked+.radio-custom::after{transform:translate(-50%, -50%) scale(1)}.radio-input:focus+.radio-custom{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.select-field{position:relative;margin-bottom:var(--md-sys-space-lg)}.select-field select{width:100%;padding:var(--md-sys-space-md);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-xs);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);cursor:pointer;transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.select-field select:focus{outline:none;border-color:var(--md-sys-color-primary);border-width:2px}.select-field label{position:absolute;left:var(--md-sys-space-md);top:-0.5rem;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-surface-variant);font-size:.875rem;padding:0 var(--md-sys-space-xs)}.switch-field{display:flex;align-items:center;gap:var(--md-sys-space-md);margin-bottom:var(--md-sys-space-md)}.switch-input{position:absolute;opacity:0;pointer-events:none}.switch-custom{position:relative;width:52px;height:32px;background-color:var(--md-sys-color-surface-variant);border:2px solid var(--md-sys-color-outline);border-radius:16px;cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.switch-custom::after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:var(--md-sys-color-outline);border-radius:50%;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.switch-input:checked+.switch-custom{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.switch-input:checked+.switch-custom::after{left:22px;background-color:var(--md-sys-color-on-primary)}.switch-input:focus+.switch-custom{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.switch-label{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);cursor:pointer}.form-showcase .input-group{width:100%;max-width:400px}.form-row{display:flex;gap:var(--md-sys-space-md);margin-bottom:var(--md-sys-space-lg)}@media(max-width: 599px){.form-row{flex-direction:column;gap:0}}.form-row .text-field,.form-row .select-field{flex:1}.form-actions{display:flex;gap:var(--md-sys-space-md);justify-content:flex-end;margin-top:var(--md-sys-space-xl)}@media(max-width: 599px){.form-actions{flex-direction:column}.form-actions .material-btn{width:100%;justify-content:center}}@media(prefers-contrast: high){.text-field input{border:2px solid var(--md-sys-color-on-surface)}.text-field .field-border{height:3px}.checkbox-custom,.radio-custom{border-width:3px}}@media(prefers-reduced-motion: reduce){.text-field label,.checkbox-custom,.radio-custom,.switch-custom{transition:none}}.ripple{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.6);transform:scale(0);animation:ripple-animation var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple.dark{background-color:rgba(0,0,0,.3)}.ripple.primary{background-color:color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent)}.ripple.secondary{background-color:color-mix(in srgb, var(--md-sys-color-secondary) 40%, transparent)}.page-enter{animation:page-enter var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized)}.page-exit{animation:page-exit var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-accelerated)}@keyframes page-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}.elevation-transition,.hover-lift-high,.hover-lift{transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-high:hover{transform:translateY(-8px)}.shared-element{transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.expand-collapse{overflow:hidden;transition:max-height var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.expand-collapse.collapsed{max-height:0}.expand-collapse.expanded{max-height:500px}.loading-spinner{width:24px;height:24px;border:2px solid var(--md-sys-color-primary);border-radius:50%;border-top-color:rgba(0,0,0,0);animation:spinner-rotation var(--md-sys-motion-duration-extra-long) linear infinite}@keyframes spinner-rotation{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:var(--md-sys-space-xs)}.loading-dots .dot{width:8px;height:8px;border-radius:50%;background-color:var(--md-sys-color-primary);animation:loading-dots var(--md-sys-motion-duration-extra-long) ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0ms}.loading-dots .dot:nth-child(2){animation-delay:160ms}.loading-dots .dot:nth-child(3){animation-delay:320ms}@keyframes loading-dots{0%,80%,100%{transform:scale(0.8);opacity:.5}40%{transform:scale(1);opacity:1}}.progress-bar{width:100%;height:4px;background-color:var(--md-sys-color-surface-variant);border-radius:2px;overflow:hidden}.progress-bar .progress-fill{height:100%;background-color:var(--md-sys-color-primary);border-radius:2px;transition:width var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.progress-bar.indeterminate .progress-fill{width:30%;animation:progress-indeterminate 2s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}.slide-in-left{animation:slide-in-left var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.slide-in-right{animation:slide-in-right var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.slide-in-up{animation:slide-in-up var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.slide-in-down{animation:slide-in-down var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}@keyframes slide-in-left{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.scale-in{animation:scale-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.scale-out{animation:scale-out var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-accelerated)}@keyframes scale-in{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{from{transform:scale(1);opacity:1}to{transform:scale(0.8);opacity:0}}.fade-in{animation:fade-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.fade-out{animation:fade-out var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.stagger-children>*{animation:stagger-item var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);animation-fill-mode:both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:100ms}.stagger-children>*:nth-child(3){animation-delay:200ms}.stagger-children>*:nth-child(4){animation-delay:300ms}.stagger-children>*:nth-child(5){animation-delay:400ms}.stagger-children>*:nth-child(6){animation-delay:500ms}@keyframes stagger-item{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-grow{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.hover-grow:hover{transform:scale(1.05)}.hover-shrink{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.hover-shrink:hover{transform:scale(0.95)}.hover-rotate{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.hover-rotate:hover{transform:rotate(5deg)}.hover-bounce{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized)}.hover-bounce:hover{animation:bounce var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 5px var(--md-sys-color-primary)}to{box-shadow:0 0 20px var(--md-sys-color-primary),0 0 30px var(--md-sys-color-primary)}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.hover-grow:hover,.hover-shrink:hover,.hover-rotate:hover,.hover-bounce:hover{transform:none;animation:none}.ripple{animation:none;opacity:.1}}@media(prefers-contrast: high){.ripple{background-color:rgba(0,0,0,.8)}.loading-spinner{border-width:3px}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.display-large,.type-sample.display-large h3{font-family:var(--md-sys-typescale-display-font-family);font-size:var(--md-sys-typescale-display-large-size);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-tracking);color:var(--md-sys-color-on-surface)}.headline-large,.type-sample.headline-large h4{font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-tracking);color:var(--md-sys-color-on-surface)}.title-large,.type-sample.title-large h5{font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-tracking);color:var(--md-sys-color-on-surface)}.body-large,.type-sample.body-large p{font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking);color:var(--md-sys-color-on-surface)}.label-medium,.type-sample.label-medium span{font-family:var(--md-sys-typescale-font-family);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-tracking);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase}.type-sample.display-large h3{margin:0}.type-sample.headline-large h4{margin:0}.type-sample.title-large h5{margin:0}.type-sample.body-large p{margin:0}.type-sample.label-medium span{font-size:var(--md-sys-typescale-label-medium-size)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.text-align-justify{text-align:justify}.font-light{font-weight:300}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-secondary)}.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.text-underline{text-decoration:underline}.text-no-decoration{text-decoration:none}.text-line-through{text-decoration:line-through}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-normal-case{text-transform:none}.text-readable{max-width:65ch;margin-left:auto;margin-right:auto}.text-enhanced-readability{line-height:1.6;word-spacing:.1em}.text-enhanced-readability p+p{margin-top:1.2em}.blockquote{border-left:4px solid var(--md-sys-color-primary);padding-left:var(--md-sys-space-lg);margin:var(--md-sys-space-lg) 0;font-style:italic;color:var(--md-sys-color-on-surface-variant)}.blockquote cite{display:block;margin-top:var(--md-sys-space-sm);font-style:normal;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.blockquote cite::before{content:"— "}.code-inline{font-family:"Roboto Mono","Courier New",monospace;font-size:.875em;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);padding:.125em .25em;border-radius:var(--md-sys-shape-xs)}.code-block{font-family:"Roboto Mono","Courier New",monospace;font-size:.875rem;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);padding:var(--md-sys-space-md);border-radius:var(--md-sys-shape-sm);overflow-x:auto;margin:var(--md-sys-space-md) 0}.code-block pre{margin:0;white-space:pre}.text-fade-in{animation:text-fade-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}@keyframes text-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-slide-up{animation:text-slide-up var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}@keyframes text-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typewriter{overflow:hidden;border-right:2px solid var(--md-sys-color-primary);white-space:nowrap;animation:typewriter 3s steps(40, end),blink-caret .75s step-end infinite}@keyframes typewriter{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:rgba(0,0,0,0)}50%{border-color:var(--md-sys-color-primary)}}@media(max-width: 599px){.display-large,.type-sample.display-large h3{font-size:clamp(2rem,6vw,3rem);line-height:1.2}.headline-large,.type-sample.headline-large h4{font-size:clamp(1.5rem,4vw,2rem)}.title-large,.type-sample.title-large h5{font-size:clamp(1.25rem,3vw,1.375rem)}.body-large,.type-sample.body-large p{font-size:clamp(.875rem,2.5vw,1rem)}}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:2em;margin-bottom:.5em}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content p{margin-bottom:1em;line-height:1.6}.article-content ul,.article-content ol{margin-bottom:1em;padding-left:1.5em}.article-content ul li,.article-content ol li{margin-bottom:.25em}.article-content a{color:var(--md-sys-color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--md-sys-color-primary) 50%, transparent);text-underline-offset:.25em;transition:text-decoration-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.article-content a:hover{text-decoration-color:var(--md-sys-color-primary)}.card-typography h3,.card-typography h4{margin-bottom:var(--md-sys-space-sm);color:var(--md-sys-color-on-surface)}.card-typography p{color:var(--md-sys-color-on-surface-variant);line-height:1.5;margin-bottom:var(--md-sys-space-sm)}.card-typography p:last-child{margin-bottom:0}.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}@media(prefers-contrast: high){.text-on-surface-variant{color:var(--md-sys-color-on-surface)}.code-inline,.code-block{border:1px solid var(--md-sys-color-outline)}}@media(prefers-reduced-motion: reduce){.text-fade-in,.text-slide-up,.typewriter{animation:none}.typewriter{border-right:none;white-space:normal;overflow:visible}}@media print{.display-large,.type-sample.display-large h3,.headline-large,.type-sample.headline-large h4,.title-large,.type-sample.title-large h5{color:#000;page-break-after:avoid}.body-large,.type-sample.body-large p{color:#000;font-size:12pt;line-height:1.4}.text-primary,.text-secondary,.text-on-surface,.text-on-surface-variant{color:#000 !important}.code-inline,.code-block{background-color:#f5f5f5 !important;color:#000 !important;border:1px solid #ccc !important}}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@supports not (backdrop-filter: blur(10px)){.backdrop-blur{background-color:color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent)}}.backdrop-blur-heavy{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@supports not (backdrop-filter: blur(20px)){.backdrop-blur-heavy{background-color:color-mix(in srgb, var(--md-sys-color-surface) 95%, transparent)}}.backdrop-saturate{backdrop-filter:saturate(150%) blur(5px);-webkit-backdrop-filter:saturate(150%) blur(5px)}.glass-surface,.glass-card{background:color-mix(in srgb, var(--md-sys-color-surface) 80%, transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--md-sys-color-outline) 20%, transparent);box-shadow:0 8px 32px color-mix(in srgb, var(--md-sys-color-shadow) 10%, transparent),inset 0 1px 0 color-mix(in srgb, var(--md-sys-color-surface) 20%, transparent)}.glass-card{border-radius:var(--md-sys-shape-lg);padding:var(--md-sys-space-lg);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.glass-card:hover{background:color-mix(in srgb, var(--md-sys-color-surface) 85%, transparent);transform:translateY(-2px);box-shadow:0 12px 40px color-mix(in srgb, var(--md-sys-color-shadow) 15%, transparent),inset 0 1px 0 color-mix(in srgb, var(--md-sys-color-surface) 30%, transparent)}.gradient-primary{background:linear-gradient(135deg, var(--md-sys-color-primary) 0%, var(--md-sys-color-tertiary) 100%)}.gradient-secondary{background:linear-gradient(135deg, var(--md-sys-color-secondary) 0%, var(--md-sys-color-primary) 100%)}.gradient-surface{background:linear-gradient(135deg, var(--md-sys-color-surface) 0%, var(--md-sys-color-surface-variant) 100%)}.gradient-radial{background:radial-gradient(circle at center, var(--md-sys-color-primary-container) 0%, var(--md-sys-color-surface) 70%)}.gradient-animated{background:linear-gradient(45deg, var(--md-sys-color-primary), var(--md-sys-color-secondary), var(--md-sys-color-tertiary), var(--md-sys-color-primary));background-size:400% 400%;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.shadow-soft{box-shadow:0 2px 8px color-mix(in srgb, var(--md-sys-color-shadow) 8%, transparent)}.shadow-medium{box-shadow:0 4px 16px color-mix(in srgb, var(--md-sys-color-shadow) 12%, transparent)}.shadow-strong{box-shadow:0 8px 32px color-mix(in srgb, var(--md-sys-color-shadow) 16%, transparent)}.shadow-colored{box-shadow:0 4px 20px color-mix(in srgb, var(--md-sys-color-primary) 25%, transparent)}.glow-primary{box-shadow:0 0 20px color-mix(in srgb, var(--md-sys-color-primary) 40%, transparent)}.glow-secondary{box-shadow:0 0 20px color-mix(in srgb, var(--md-sys-color-secondary) 40%, transparent)}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,100%{box-shadow:0 0 5px color-mix(in srgb, var(--md-sys-color-primary) 30%, transparent)}50%{box-shadow:0 0 25px color-mix(in srgb, var(--md-sys-color-primary) 60%, transparent)}}.border-gradient{position:relative;border-radius:var(--md-sys-shape-md)}.border-gradient::before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.border-animated{position:relative;border:2px solid rgba(0,0,0,0);background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(45deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box;border-radius:var(--md-sys-shape-md);animation:border-rotate 3s linear infinite}@keyframes border-rotate{0%{background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(0deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box}25%{background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(90deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box}50%{background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(180deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box}75%{background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(270deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box}100%{background:linear-gradient(var(--md-sys-color-surface), var(--md-sys-color-surface)) padding-box,linear-gradient(360deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary)) border-box}}.text-gradient{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 200%;animation:text-gradient-shift 3s ease-in-out infinite}@keyframes text-gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.text-shadow{text-shadow:0 2px 4px color-mix(in srgb, var(--md-sys-color-shadow) 20%, transparent)}.text-glow{text-shadow:0 0 10px color-mix(in srgb, var(--md-sys-color-primary) 50%, transparent)}.morph-circle-square{width:60px;height:60px;background-color:var(--md-sys-color-primary);border-radius:50%;transition:border-radius var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.morph-circle-square:hover{border-radius:var(--md-sys-shape-sm)}.skew-hover{transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.skew-hover:hover{transform:skewX(-5deg)}.flip-card{perspective:1000px;width:200px;height:200px}.flip-card .flip-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);transform-style:preserve-3d}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-card .flip-front,.flip-card .flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--md-sys-shape-md);display:flex;align-items:center;justify-content:center}.flip-card .flip-front{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.flip-card .flip-back{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary);transform:rotateY(180deg)}.floating-particles{position:relative;overflow:hidden}.floating-particles::before,.floating-particles::after{content:"";position:absolute;width:4px;height:4px;background-color:var(--md-sys-color-primary);border-radius:50%;opacity:.3;animation:float-particle 6s ease-in-out infinite}.floating-particles::before{top:20%;left:20%;animation-delay:0s}.floating-particles::after{top:60%;right:20%;animation-delay:3s}@keyframes float-particle{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.2);opacity:.6}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.parallax-bg{will-change:transform;transition:transform var(--md-sys-motion-duration-short) ease-out}.filter-blur{filter:blur(5px);transition:filter var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.filter-blur:hover{filter:blur(0)}.filter-brightness{filter:brightness(0.8);transition:filter var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.filter-brightness:hover{filter:brightness(1)}.filter-saturate{filter:saturate(0.5);transition:filter var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.filter-saturate:hover{filter:saturate(1)}@media(prefers-reduced-motion: reduce){.gradient-animated,.glow-pulse,.border-animated,.text-gradient,.floating-particles::before,.floating-particles::after{animation:none}.morph-circle-square,.skew-hover,.flip-card .flip-inner{transition:none}.scroll-reveal{opacity:1;transform:none;transition:none}}@media(prefers-contrast: high){.glass-surface,.glass-card{background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-outline);backdrop-filter:none}.text-gradient{background:none;color:var(--md-sys-color-on-surface);-webkit-text-fill-color:unset}}.gpu-accelerated-effect{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}@media(max-width: 599px){.hero-header{min-height:80vh;text-align:center}}@media(min-width: 600px)and (max-width: 839px){.hero-header{min-height:90vh}}@media(max-width: 599px){.hero-content{padding:var(--md-sys-space-xl) var(--md-sys-space-md)}}@media(min-width: 600px)and (max-width: 839px){.hero-content{padding:var(--md-sys-space-2xl) var(--md-sys-space-lg)}}@media(max-width: 599px){.container{padding-left:var(--md-sys-space-md);padding-right:var(--md-sys-space-md)}}@media(min-width: 600px)and (max-width: 839px){.container{padding-left:var(--md-sys-space-lg);padding-right:var(--md-sys-space-lg)}}@media(min-width: 840px){.container{padding-left:var(--md-sys-space-xl);padding-right:var(--md-sys-space-xl)}}@media(max-width: 599px){.content-panel{padding:var(--md-sys-space-xl) 0}}@media(min-width: 600px)and (max-width: 839px){.content-panel{padding:var(--md-sys-space-2xl) 0}}@media(min-width: 840px){.content-panel{padding:var(--md-sys-space-3xl) 0}}@media(max-width: 599px){.philosophy-grid{grid-template-columns:1fr;gap:var(--md-sys-space-lg)}}@media(min-width: 600px)and (max-width: 839px){.philosophy-grid{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-xl)}}@media(min-width: 840px){.philosophy-grid{grid-template-columns:repeat(3, 1fr);gap:var(--md-sys-space-2xl)}}@media(max-width: 599px){.elevation-showcase{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-md)}}@media(min-width: 600px)and (max-width: 839px){.elevation-showcase{grid-template-columns:repeat(3, 1fr);gap:var(--md-sys-space-lg)}}@media(min-width: 840px){.elevation-showcase{grid-template-columns:repeat(6, 1fr);gap:var(--md-sys-space-xl)}}@media(max-width: 599px){.color-swatches{grid-template-columns:1fr;gap:var(--md-sys-space-sm)}}@media(min-width: 600px)and (max-width: 839px){.color-swatches{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-md)}}@media(min-width: 840px){.color-swatches{grid-template-columns:repeat(3, 1fr);gap:var(--md-sys-space-lg)}}@media(max-width: 599px){.components-demo{grid-template-columns:1fr;gap:var(--md-sys-space-xl)}}@media(min-width: 600px)and (max-width: 839px){.components-demo{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-xl)}}@media(min-width: 840px){.components-demo{grid-template-columns:repeat(3, 1fr);gap:var(--md-sys-space-2xl)}}@media(max-width: 599px){.motion-demos{grid-template-columns:1fr;gap:var(--md-sys-space-lg)}}@media(min-width: 600px)and (max-width: 839px){.motion-demos{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-xl)}}@media(min-width: 840px){.motion-demos{grid-template-columns:repeat(3, 1fr);gap:var(--md-sys-space-2xl)}}@media(max-width: 599px){.resources-grid{grid-template-columns:1fr;gap:var(--md-sys-space-lg)}}@media(min-width: 600px)and (max-width: 839px){.resources-grid{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-xl)}}@media(min-width: 840px){.resources-grid{grid-template-columns:repeat(4, 1fr);gap:var(--md-sys-space-2xl)}}@media(max-width: 599px){.material-btn{padding:var(--md-sys-space-sm) var(--md-sys-space-md);font-size:.875rem;min-height:44px}.material-btn .material-icons{font-size:18px}}@media(min-width: 600px)and (max-width: 839px){.material-btn{padding:var(--md-sys-space-sm) var(--md-sys-space-lg);font-size:var(--md-sys-typescale-label-medium-size);min-height:48px}}@media(max-width: 599px){.hero-actions{flex-direction:column;align-items:center;gap:var(--md-sys-space-md)}.hero-actions .material-btn{width:100%;max-width:280px;justify-content:center}}@media(min-width: 600px)and (max-width: 839px){.hero-actions{flex-direction:row;justify-content:center;gap:var(--md-sys-space-lg)}.hero-actions .material-btn{width:auto}}@media(max-width: 599px){.button-showcase{flex-direction:column;align-items:stretch}.button-showcase .material-btn{width:100%;justify-content:center}.button-showcase .fab{align-self:center}}@media(min-width: 600px)and (max-width: 839px){.button-showcase{flex-direction:row;align-items:center}.button-showcase .material-btn{width:auto}}@media(max-width: 599px){.cards-showcase{grid-template-columns:1fr;gap:var(--md-sys-space-lg)}}@media(min-width: 600px)and (max-width: 839px){.cards-showcase{grid-template-columns:repeat(2, 1fr);gap:var(--md-sys-space-xl)}}@media(max-width: 599px){.material-card{margin-bottom:var(--md-sys-space-md)}}@media(max-width: 599px){.form-showcase .input-group{width:100%}}@media(max-width: 599px){.form-row{flex-direction:column;gap:0}.form-row .text-field,.form-row .select-field{margin-bottom:var(--md-sys-space-lg)}}@media(max-width: 599px){.form-actions{flex-direction:column}.form-actions .material-btn{width:100%;justify-content:center}}@media(max-width: 599px){.nav-content{padding:0 var(--md-sys-space-md);height:56px}}@media(max-width: 599px){.nav-link{padding:var(--md-sys-space-sm)}.nav-link span:not(.material-icons){display:none}.nav-link .material-icons{font-size:24px}}@media(max-width: 599px){.hero-title{font-size:clamp(2rem,8vw,3rem);line-height:1.1;margin-bottom:var(--md-sys-space-md)}}@media(min-width: 600px)and (max-width: 839px){.hero-title{font-size:clamp(2.5rem,6vw,3.5rem)}}@media(max-width: 599px){.hero-subtitle{font-size:clamp(.875rem,4vw,1rem);margin-bottom:var(--md-sys-space-lg)}}@media(max-width: 599px){.section-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:var(--md-sys-space-lg)}}@media(max-width: 599px){.section-description{font-size:clamp(.875rem,3.5vw,1rem);margin-bottom:var(--md-sys-space-lg)}}@media(max-width: 599px){.footer-content{text-align:center}.footer-content p{font-size:.875rem}}@media(max-width: 599px){.footer-links{flex-direction:column;gap:var(--md-sys-space-sm)}.footer-links .divider{display:none}}@media(max-width: 599px){.footer-bottom p{font-size:.75rem}}@media(max-width: 599px){button,.material-btn,.icon-button,.nav-link,.philosophy-card,.material-card{min-height:44px;min-width:44px}.checkbox-label,.radio-label,.switch-field{min-height:48px;display:flex;align-items:center}.text-field input,.select-field select{min-height:48px;font-size:16px}}@media(max-width: 599px){:root{--md-sys-space-xs: 2px;--md-sys-space-sm: 4px;--md-sys-space-md: 8px;--md-sys-space-lg: 12px;--md-sys-space-xl: 16px;--md-sys-space-2xl: 20px;--md-sys-space-3xl: 24px}}@media(min-width: 600px)and (max-width: 839px){:root{--md-sys-space-xs: 4px;--md-sys-space-sm: 6px;--md-sys-space-md: 12px;--md-sys-space-lg: 18px;--md-sys-space-xl: 24px;--md-sys-space-2xl: 30px;--md-sys-space-3xl: 36px}}@media(max-width: 599px){.elevation-card{min-height:100px;padding:var(--md-sys-space-md)}.elevation-item[data-elevation="8"] .elevation-card,.elevation-item[data-elevation="24"] .elevation-card{box-shadow:var(--md-sys-elevation-level4)}}@media(max-width: 480px){.floating-card,.floating-element,.gradient-animated,.glow-pulse{animation-duration:1s;animation-iteration-count:1}.hero-background{display:none}.decorative-overlay{display:none}}@media(orientation: landscape)and (max-height: 600px){.hero-header{min-height:100vh}.hero-content{padding:var(--md-sys-space-lg) var(--md-sys-space-md)}.hero-title{font-size:clamp(1.5rem,5vh,2.5rem)}}@media print{.nav-bar,.hero-background,.floating-element,.decorative-overlay{display:none !important}.hero-header{min-height:auto;page-break-inside:avoid}.content-panel{padding:1rem 0;page-break-inside:avoid}.material-card,.philosophy-card,.elevation-card{box-shadow:none !important;border:1px solid #ccc !important;page-break-inside:avoid}.resources-grid,.components-demo,.motion-demos{grid-template-columns:repeat(2, 1fr) !important;gap:1rem !important}}/*# sourceMappingURL=material-design.css.map */