@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";.theme-toggle{border:1px solid var(--border-color);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;overflow:hidden}.theme-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-light);box-shadow:var(--shadow-glow)}.theme-toggle__icon{justify-content:center;align-items:center;display:flex}.navbar{z-index:var(--z-navbar);height:var(--navbar-height);transition:all var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1.5px solid var(--accent-secondary);box-shadow:var(--shadow-sm)}.navbar__container{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar__logo{font-family:var(--font-dynasty);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:.02em;transition:opacity var(--transition-fast);align-items:center;display:flex}.navbar__logo:hover{opacity:.8}.navbar__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__logo-dot{color:var(--accent-primary);font-size:var(--text-3xl);line-height:1}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative}.navbar__link:hover{color:var(--text-primary);background:var(--accent-primary-light)}.navbar__link--active{color:var(--accent-primary);background:var(--accent-primary-light)}.navbar__link--active:after{content:"";background:var(--accent-gradient);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.navbar__mobile-toggle{width:40px;height:40px;color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar__mobile-toggle:hover{background:var(--accent-primary-light)}.navbar__mobile-menu{top:var(--navbar-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:var(--z-navbar);position:fixed;left:0;right:0;overflow:hidden}.navbar__mobile-links{padding:var(--space-4) var(--space-6);gap:var(--space-1);flex-direction:column;display:flex}.navbar__mobile-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.navbar__mobile-link:hover{background:var(--accent-primary-light);color:var(--text-primary)}.navbar__mobile-link--active{background:var(--accent-primary-light);color:var(--accent-primary)}@media (width<=768px){.navbar__links{display:none}.navbar__mobile-toggle{display:flex}}.footer{background:var(--bg-secondary);border-top:3px double var(--accent-secondary);margin-top:auto;position:relative}.footer__container.container{padding-top:var(--space-16);padding-bottom:var(--space-8)}.footer__top{gap:var(--space-12);margin-bottom:var(--space-10);grid-template-columns:2fr 1fr 1fr 1.2fr;display:grid}.footer__logo{font-family:var(--font-dynasty);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);align-items:center;display:inline-flex}.footer__logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer__logo-dot{color:var(--accent-primary);font-size:var(--text-3xl);line-height:1}.footer__tagline{font-size:var(--text-sm);color:var(--text-tertiary);max-width:320px;line-height:var(--leading-relaxed)}.footer__heading{font-family:var(--font-dynasty);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__links{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--text-tertiary);transition:color var(--transition-fast)}.footer__link:hover{color:var(--accent-primary)}.footer__socials{gap:var(--space-3);display:flex}.footer__social-link{border-radius:var(--radius-lg);background:var(--bg-card);width:40px;height:40px;color:var(--text-tertiary);border:1px solid var(--border-color);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer__divider{background:var(--border-color);height:1px;margin-bottom:var(--space-6)}.footer__bottom{justify-content:space-between;align-items:center;display:flex}.footer__copyright{font-size:var(--text-sm);color:var(--text-tertiary)}.footer__made-with{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.footer__heart{color:var(--vermillion);animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (width<=768px){.footer__top{gap:var(--space-8);grid-template-columns:1fr}.footer__bottom{gap:var(--space-2);text-align:center;flex-direction:column}}.chatbot-widget{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-chatbot);font-family:var(--font-sans);position:fixed}.chatbot-trigger{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-spring);border:none;justify-content:center;align-items:center;display:flex}.chatbot-trigger:hover{box-shadow:var(--shadow-glow);transform:scale(1.08)rotate(5deg)}.chatbot-trigger:active{transform:scale(.95)}.chatbot-window{border-radius:var(--radius-xl);width:360px;height:500px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden}.chatbot-header{background:var(--accent-gradient);color:#fff;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.chatbot-header__info{align-items:center;gap:var(--space-3);display:flex}.chatbot-header__avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-base);background:#fff3;justify-content:center;align-items:center;display:flex}.chatbot-header__title{font-size:var(--text-base);font-weight:var(--font-bold)}.chatbot-header__status{font-size:var(--text-xs);opacity:.8;align-items:center;gap:4px;display:flex}.chatbot-header__status:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block}.chatbot-header__close{color:#fff;opacity:.8;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:opacity var(--transition-fast);background:0 0;border:none;display:flex}.chatbot-header__close:hover{opacity:1;background:#ffffff1a}.chatbot-messages{padding:var(--space-5);gap:var(--space-4);background:var(--bg-secondary);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-message{flex-direction:column;max-width:80%;display:flex}.chatbot-message--bot{align-self:flex-start}.chatbot-message--user{align-self:flex-end}.chatbot-message__bubble{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg);line-height:var(--leading-normal);word-break:break-word}.chatbot-message--bot .chatbot-message__bubble{background:var(--bg-card);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);border:1px solid var(--border-color)}.chatbot-message--bot .chatbot-message__bubble p{margin-bottom:var(--space-2)}.chatbot-message--bot .chatbot-message__bubble p:last-child{margin-bottom:0}.chatbot-message--bot .chatbot-message__bubble strong{font-weight:var(--font-bold);color:var(--accent-primary)}.chatbot-message--user .chatbot-message__bubble{background:var(--accent-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chatbot-message__time{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:4px;padding:0 4px}.chatbot-message--user .chatbot-message__time{text-align:right}.chatbot-typing{justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex}.chatbot-typing__dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate typing-bounce}.chatbot-typing__dot:nth-child(2){animation-delay:.2s}.chatbot-typing__dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.chatbot-options{padding:var(--space-4) var(--space-5);background:var(--bg-card);border-top:1px solid var(--border-color);gap:var(--space-2);flex-wrap:wrap;max-height:160px;display:flex;overflow-y:auto}.chatbot-option-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.chatbot-option-btn:hover{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}@media (width<=480px){.chatbot-widget{bottom:var(--space-4);right:var(--space-4)}.chatbot-window{width:calc(100vw - 32px);height:calc(100vh - 100px);bottom:64px}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{padding-top:var(--navbar-height);padding-bottom:var(--space-12);flex:1}.admin-layout{background:var(--bg-primary);min-height:100vh;display:flex}.admin-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--text-secondary);flex-direction:column;display:flex}.admin-loading__spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:var(--z-sticky);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar__header{padding:var(--space-6);border-bottom:1px solid var(--border-color)}.admin-sidebar__back{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);transition:color var(--transition-fast);display:inline-flex}.admin-sidebar__back:hover{color:var(--accent-primary)}.admin-sidebar__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold)}.admin-sidebar__nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.admin-sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.admin-sidebar__link:hover{background:var(--accent-primary-light);color:var(--text-primary)}.admin-sidebar__link--active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:var(--font-semibold)}.admin-sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-color);gap:var(--space-3);flex-direction:column;display:flex}.admin-sidebar__user{align-items:center;gap:var(--space-3);display:flex}.admin-sidebar__avatar{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-sidebar__email{font-size:var(--text-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-sidebar__logout{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-error);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.admin-sidebar__logout:hover{background:#ef44441a;border-color:#ef444433}.admin-main{margin-left:var(--admin-sidebar-width);padding:var(--space-8);flex:1;min-height:100vh}@media (width<=768px){.admin-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;position:relative}.admin-sidebar__nav{gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-direction:row;overflow-x:auto}.admin-sidebar__link span,.admin-sidebar__footer{display:none}.admin-layout{flex-direction:column}.admin-main{padding:var(--space-4);margin-left:0}}.water-ripple-canvas{z-index:1;cursor:pointer;pointer-events:auto;opacity:.85;width:100%;height:100%;transition:opacity var(--transition-slow);display:block;position:absolute;top:0;left:0}[data-theme=dark] .water-ripple-canvas{opacity:.65}.lily-pad-container{pointer-events:auto;cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute}.lily-pad-svg{width:100%;height:100%;overflow:visible}:root,[data-theme=light]{--pad-fill:#3cae68;--pad-stroke:#b3ebd0;--pad-center:#b8912e;--lotus-back:#e04b77;--lotus-mid:#f67292;--lotus-front:#ffb4c6;--lotus-center:#fff2cc;--lotus-core:#e6b800}[data-theme=dark]{--pad-fill:#144f2c;--pad-stroke:#2e8b57;--pad-center:#e8c468;--lotus-back:#c82c5b;--lotus-mid:#e85078;--lotus-front:#ff8fa3;--lotus-center:#fff5e6;--lotus-core:#fc0}.lily-pad-base{fill:var(--pad-fill);stroke:var(--pad-stroke);stroke-width:1.5px;transition:fill var(--transition-slow), stroke var(--transition-slow)}.lily-pad-veins line{stroke:var(--pad-stroke);stroke-width:1px;opacity:.45;stroke-linecap:round;transition:stroke var(--transition-slow)}.lily-pad-center{fill:var(--pad-center);opacity:.8;transition:fill var(--transition-slow)}.lotus-petal{stroke:#0000000d;stroke-width:.5px;transition:fill var(--transition-slow)}.lotus-petal-back{fill:var(--lotus-back)}.lotus-petal-mid{fill:var(--lotus-mid)}.lotus-petal-bottom{fill:var(--lotus-back);opacity:.9}.lotus-petal-front{fill:var(--lotus-front)}.lotus-petal-center{fill:var(--lotus-center)}.lotus-core{fill:var(--lotus-core);filter:drop-shadow(0 0 1px #ffe60080);transition:fill var(--transition-slow)}.ornament-divider{width:100%;max-width:400px;margin:var(--space-4) auto;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.ornament-svg{width:100%;height:auto;overflow:visible}.ornament-line{stroke:var(--accent-secondary);stroke-width:1.5px;stroke-linecap:round;opacity:.65;transition:stroke var(--transition-slow)}.ornament-scroll{stroke:var(--accent-secondary);stroke-width:1.5px;fill:none;stroke-linecap:round;opacity:.8;transition:stroke var(--transition-slow)}.ornament-diamond-outer{stroke:var(--accent-secondary);stroke-width:1.5px;fill:var(--bg-primary);stroke-linejoin:round;transition:stroke var(--transition-slow), fill var(--transition-slow)}.ornament-diamond-inner{stroke:var(--accent-secondary);stroke-width:1px;fill:var(--accent-primary-light);stroke-linejoin:round;transition:stroke var(--transition-slow), fill var(--transition-slow)}.ornament-gem{fill:var(--color-cyber);transition:fill var(--transition-slow)}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.hero{min-height:calc(100vh - var(--navbar-height));padding:var(--space-20) 0;transition:background var(--transition-slow);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}:root,[data-theme=light] .hero,[data-theme=dark] .hero{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.hero__container{z-index:5;text-align:center;pointer-events:none;position:relative}.hero__content{max-width:800px;margin:0 auto}.hero__content *{pointer-events:auto}.hero__greeting{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--accent-secondary);margin-bottom:var(--space-2);letter-spacing:.05em;text-shadow:0 2px 4px #0000000d;display:inline-block}[data-theme=dark] .hero__greeting{text-shadow:0 2px 8px #0000004d}.hero__title{font-size:var(--text-7xl);font-weight:var(--font-bold);margin:var(--space-3) 0 var(--space-5);letter-spacing:.02em;filter:drop-shadow(0 2px 4px #00000014);line-height:1.15}[data-theme=dark] .hero__title{filter:drop-shadow(0 4px 10px #0006)}.hero__subtitle{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-6);letter-spacing:.06em}.hero__description{font-size:var(--text-lg);color:var(--text-tertiary);max-width:580px;margin:0 auto var(--space-10);line-height:var(--leading-relaxed)}.hero__actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.categories__grid{gap:var(--space-8);padding-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.category-card{padding:var(--space-10) var(--space-6) var(--space-8);text-align:center;cursor:default;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border-top:3px solid var(--vermillion);position:relative;overflow:visible}.category-card:before{content:"";background:var(--accent-secondary);clip-path:polygon(0% 100%,5% 40%,15% 0%,50% 30%,85% 0%,95% 40%,100% 100%);border-bottom:2px solid var(--vermillion);height:10px;transition:background var(--transition-slow);position:absolute;top:-12px;left:10%;right:10%}.category-card:after{content:"";background:var(--vermillion);opacity:.15;border-radius:0 0 0 var(--radius-lg);width:4px;transition:opacity var(--transition-base), background var(--transition-base);position:absolute;top:0;bottom:0;left:0}.category-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.category-card:hover:before{background:var(--accent-primary)}.category-card:hover:after{opacity:.8;background:var(--accent-primary)}.category-card__icon{border-radius:var(--radius-full);width:64px;height:64px;margin:0 auto var(--space-4);color:var(--category-color,var(--accent-primary));background:color-mix(in srgb, var(--category-color,var(--accent-primary)) 10%, transparent);border:1px solid color-mix(in srgb, var(--category-color,var(--accent-primary)) 20%, transparent);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card__icon{color:#fff;background:var(--category-color,var(--accent-primary));box-shadow:0 0 20px color-mix(in srgb, var(--category-color,var(--accent-primary)) 35%, transparent);transform:scale(1.1)rotate(6deg)}.category-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary);transition:color var(--transition-base)}.category-card:hover .category-card__title{color:var(--accent-primary)}.category-card__description{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.category-card__link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary);transition:all var(--transition-base);display:inline-flex}.category-card__link:hover{gap:var(--space-2);color:var(--accent-secondary)}.featured .section-title{letter-spacing:.02em;font-size:3rem}.works-showcase{gap:var(--space-12);flex-direction:column;display:flex}.works-showcase__category{width:100%}.works-showcase__category-label{font-size:var(--text-3xl);color:var(--accent-secondary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);letter-spacing:.05em;display:flex}.works-showcase__category-label:after{content:"";background:linear-gradient(90deg, var(--border-color) 0%, transparent 100%);flex-grow:1;height:1px}.featured-swiper{width:100%;padding:var(--space-4) var(--space-2) var(--space-12)!important}.swiper-slide.work-slide{border-radius:var(--radius-xl);width:320px;height:auto;min-height:370px;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background:color-mix(in srgb, var(--jade-100) 70%, var(--bg-card));border:1px solid color-mix(in srgb, var(--jade-200) 50%, transparent);color:#0a2e18;flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .swiper-slide.work-slide{background:color-mix(in srgb, var(--jade-900) 85%, var(--bg-card));border-color:color-mix(in srgb, var(--jade-700) 40%, transparent);color:#e8ede4}.swiper-slide.work-slide:hover{border-color:var(--gold-400);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.work-slide__link{width:100%;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.work-slide__image-frame{padding:var(--space-4) var(--space-4) 0}.work-slide__image{border-radius:var(--radius-md);border:2px solid var(--gold-400);width:100%;height:190px;transition:transform var(--transition-slow), border-color var(--transition-base);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px #0000001a,0 2px 8px #00000026}.swiper-slide-active .work-slide__image{border-color:var(--gold-500);transform:scale(1.01)}.work-slide__content{padding:var(--space-5) var(--space-5) var(--space-6);flex-direction:column;flex-grow:1;display:flex}.work-slide__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.work-slide__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:#c0533e;flex:1;line-height:1.3}[data-theme=dark] .work-slide__title{color:#e8826a}.work-slide__badge{font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;letter-spacing:.03em;transition:border-color var(--transition-base), color var(--transition-base);flex-shrink:0;margin-top:3px;padding:2px 10px}.swiper-slide.work-slide:hover .work-slide__badge{border-color:var(--gold-400);color:var(--gold-400)}.work-slide__description{font-size:var(--text-sm);color:#0a2e18b3;line-height:var(--leading-relaxed);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[data-theme=dark] .work-slide__description{color:#e8ede4bf}.work-slide__badge{color:#0a2e1899;border-color:#0a2e1833}[data-theme=dark] .work-slide__badge{color:#e8ede4b3;border-color:#ffffff26}.featured-swiper .swiper-button-next,.featured-swiper .swiper-button-prev{background:var(--bg-glass);border-radius:var(--radius-full);border:1px solid var(--border-color);width:44px;height:44px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);color:var(--accent-primary)!important}.featured-swiper .swiper-button-next:hover,.featured-swiper .swiper-button-prev:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);color:#fff!important}.featured-swiper .swiper-button-next:after,.featured-swiper .swiper-button-prev:after{font-weight:700;font-size:var(--text-base)!important}.featured-swiper .swiper-pagination-bullet{opacity:.3;background:var(--text-tertiary)!important}.featured-swiper .swiper-pagination-bullet-active{transition:width var(--transition-fast);background:var(--accent-primary)!important;opacity:1!important;border-radius:var(--radius-full)!important;width:20px!important}.featured__cta{text-align:center;margin-top:var(--space-6)}@media (width<=768px){.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__description{font-size:var(--text-base)}.categories__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.category-card{padding:var(--space-5)}}@media (width<=480px){.swiper-slide.work-slide{width:280px}.work-slide__image{height:150px}}.temple-interior-wrapper{padding:0 var(--space-4);position:relative}.temple-pillar{z-index:4;pointer-events:none;background:linear-gradient(90deg,#c49080 0%,#d4a090 50%,#c89585 100%);border-left:1px solid #fff3;border-right:1px solid #00000014;width:20px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #c4908033}[data-theme=dark] .temple-pillar{background:linear-gradient(90deg, #9e2a1b 0%, var(--vermillion) 50%, #b23022 100%);border-left-color:#ffffff14;border-right-color:#0003;box-shadow:0 0 15px #0003}.temple-pillar--left{left:1%}.temple-pillar--right{right:1%}.temple-pillar:before,.temple-pillar:after{content:"";background:linear-gradient(90deg, #9c7b28 0%, var(--accent-secondary) 50%, #e0c270 100%);border-radius:var(--radius-sm);border:1px solid #ffffff1a;height:12px;position:absolute;left:-4px;right:-4px;box-shadow:0 2px 4px #00000026}.temple-pillar:before{top:3%}.temple-pillar:after{bottom:3%}@media (width<=1024px){.temple-pillar{display:none}.temple-interior-wrapper{padding:0}}.works{padding-bottom:var(--space-24)}.works__filters{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);padding:0 var(--space-2);flex-wrap:wrap;display:flex}.filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);display:inline-flex}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover);transform:translateY(-1px)}.filter-btn--active{color:#fff;background:var(--accent-gradient);box-shadow:var(--shadow-glow);border-color:#0000}.filter-btn__count{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-full);color:inherit;background:#fff3}[data-theme=light] .filter-btn--active .filter-btn__count{background:#ffffff40}.works__grid{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.project-card{flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.project-card__image-container{background:var(--bg-tertiary);width:100%;height:220px;position:relative;overflow:hidden}.project-card__image{width:100%;height:100%;transition:transform var(--transition-slow);background-position:50%;background-size:cover}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__category-badge{top:var(--space-4);left:var(--space-4);z-index:2;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.05em;background:#0a0a14bf;border:1px solid #ffffff1a;position:absolute}.project-card__content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.project-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--text-primary);transition:color var(--transition-fast)}.project-card:hover .project-card__title{color:var(--accent-primary)}.project-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-5);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.project-card__footer{border-top:1px solid var(--border-color);padding-top:var(--space-4);margin-top:auto}.project-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.works__empty{text-align:center;padding:var(--space-16) 0;color:var(--text-secondary)}.works__empty-icon{margin:0 auto var(--space-4);color:var(--text-tertiary);opacity:.5}@media (width<=768px){.works__filters{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.works__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.ui-snippet{width:100%;margin:var(--space-8) 0}.mock-browser{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.mock-browser__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:40px;padding:0 var(--space-4);align-items:center;display:flex;position:relative}.mock-browser__dots{gap:6px;display:flex}.mock-browser__dot{border-radius:var(--radius-full);width:12px;height:12px}.mock-browser__dot--red{background:#ff5f56}.mock-browser__dot--yellow{background:#ffbd2e}.mock-browser__dot--green{background:#27c93f}.mock-browser__address-bar{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-width:500px;height:24px;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-tertiary);padding:0 var(--space-3);text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.mock-browser__content{aspect-ratio:16/9;background:#000;width:100%;position:relative}.mock-browser__iframe{background:#fff;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.ui-snippet__video-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#000;position:relative;overflow:hidden}.ui-snippet__video{object-fit:cover;width:100%;height:100%}.ui-snippet__gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ui-snippet__gallery-item{border-radius:var(--radius-md);border:1px solid var(--border-color);aspect-ratio:16/10;box-shadow:var(--shadow-sm);overflow:hidden}.ui-snippet__gallery-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.ui-snippet__gallery-item:hover .ui-snippet__gallery-img{transform:scale(1.03)}@media (width<=768px){.mock-browser__address-bar{display:none}}.work-detail{padding-bottom:var(--space-20)}.work-detail__back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm);margin-bottom:var(--space-8);transition:color var(--transition-fast);display:inline-flex}.work-detail__back:hover{color:var(--accent-primary)}.work-detail__header{margin-bottom:var(--space-10)}.work-detail__category{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--space-2)}.work-detail__title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);color:var(--text-primary)}.work-detail__description{font-size:var(--text-lg);color:var(--text-secondary);max-width:800px;line-height:var(--leading-relaxed)}.work-detail__grid{gap:var(--space-12);margin-top:var(--space-8);grid-template-columns:2fr 1fr;display:grid}.work-detail__main-content{flex-direction:column;display:flex}.work-detail__body{color:var(--text-primary);line-height:var(--leading-relaxed)}.work-detail__body h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--text-primary)}.work-detail__body p{margin-bottom:var(--space-4);color:var(--text-secondary)}.work-detail__body ul,.work-detail__body ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.work-detail__body li{margin-bottom:var(--space-2);color:var(--text-secondary);list-style-type:disc}.work-detail__sidebar{gap:var(--space-8);flex-direction:column;display:flex}.sidebar-box{padding:var(--space-6)}.sidebar-box__title{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.work-detail__actions{gap:var(--space-3);flex-direction:column;display:flex}.work-detail__action-btn{width:100%}.work-detail__tech-list{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=992px){.work-detail__grid{gap:var(--space-8);grid-template-columns:1fr}.work-detail__sidebar{order:-1}}@media (width<=576px){.work-detail__title{font-size:var(--text-3xl)}.work-detail__description{font-size:var(--text-base)}}.certs{padding-bottom:var(--space-20)}.certs__section{margin-bottom:var(--space-16)}.certs__section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--text-primary);border-left:4px solid var(--accent-primary);padding-left:var(--space-3)}.certs__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.cert-card{cursor:pointer;flex-direction:column;height:100%;display:flex;overflow:hidden}.cert-card__image{width:100%;height:180px;transition:transform var(--transition-base);border-bottom:1px solid var(--border-color);background-position:50%;background-size:cover}.cert-card:hover .cert-card__image{transform:scale(1.02)}.cert-card__content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.cert-card__issuer{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.cert-card__title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.cert-card__date{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:auto}.cert-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cert-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:800px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.cert-modal__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.cert-modal__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden}.cert-modal__close{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cert-modal__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.cert-modal__body{padding:var(--space-6);align-items:center;gap:var(--space-4);flex-direction:column;max-height:80vh;display:flex;overflow-y:auto}.cert-modal__img{border-radius:var(--radius-md);max-width:100%;max-height:50vh;box-shadow:var(--shadow-md);border:1px solid var(--border-color);object-fit:contain}.cert-modal__meta{text-align:center}.cert-modal__issuer{font-weight:var(--font-semibold);color:var(--accent-primary);margin-bottom:var(--space-1)}.cert-modal__date{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}@media (width<=576px){.cert-modal__header{padding:var(--space-3) var(--space-4)}.cert-modal__body{padding:var(--space-4)}}.about{padding-bottom:var(--space-20)}.about__grid{gap:var(--space-12);grid-template-columns:1fr 2fr;align-items:start;display:grid}.about__profile-card{padding:var(--space-8);text-align:center;flex-direction:column;align-items:center;display:flex}.about__avatar-container{width:160px;height:160px;margin-bottom:var(--space-6);position:relative}.about__avatar-crop{border-radius:var(--radius-full);z-index:1;border:4px solid var(--bg-card);width:100%;height:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.about__avatar{object-fit:cover;width:100%;height:100%}.about__avatar-glow{border-radius:var(--radius-full);background:var(--accent-gradient);z-index:0;filter:blur(8px);animation:3s ease-in-out infinite alternate pulse-glow;position:absolute;inset:-4px}@keyframes pulse-glow{0%{opacity:.5;transform:scale(.98)}to{opacity:.8;transform:scale(1.03)}}.about__name{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-primary)}.about__title{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);font-weight:var(--font-medium)}.about__socials{gap:var(--space-3);margin-bottom:var(--space-6);justify-content:center;width:100%;display:flex}.about__social-link{border-radius:var(--radius-full);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.about__social-link:hover{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.about__resume-btn{width:100%}.about__content{gap:var(--space-8);flex-direction:column;display:flex}.about__bio{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.about__bio p{margin-bottom:var(--space-4)}.about__skills-section{gap:var(--space-6);flex-direction:column;display:flex}.about__skills-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.about__skills-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.skills-category{padding:var(--space-5)}.skills-category__title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.skills-category__list{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.about__grid{gap:var(--space-8);grid-template-columns:1fr}}.contact{padding-bottom:var(--space-20)}.contact__grid{gap:var(--space-12);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.contact__info{gap:var(--space-6);flex-direction:column;display:flex}.contact-card{padding:var(--space-6);align-items:flex-start;gap:var(--space-4);display:flex}.contact-card__icon{border-radius:var(--radius-lg);background:var(--accent-primary-light);width:48px;height:48px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card__title{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-primary)}.contact-card__value{font-size:var(--text-sm);color:var(--text-secondary);word-break:break-all}.contact-card__link{color:var(--accent-primary);font-weight:var(--font-semibold);transition:opacity var(--transition-fast)}.contact-card__link:hover{text-decoration:underline}.contact__form-card{padding:var(--space-8)}.contact__form{gap:var(--space-5);flex-direction:column;display:flex}.contact__form-group{gap:var(--space-2);flex-direction:column;display:flex}.contact__form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.contact__turnstile{margin-top:var(--space-2);justify-content:center;display:flex}.contact__submit-btn{margin-top:var(--space-2);width:100%}.contact__status-msg{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center}.contact__status-msg--success{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 20%, transparent)}.contact__status-msg--error{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error);border:1px solid color-mix(in srgb, var(--color-error) 20%, transparent)}.contact__success-state{text-align:center;padding:var(--space-10) 0;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.contact__success-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-success) 15%, transparent);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}@media (width<=768px){.contact__grid{gap:var(--space-8);grid-template-columns:1fr}}.diary{padding-bottom:var(--space-20)}.diary__filters{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.diary-filter-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.diary-filter-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover);transform:translateY(-1px)}.diary-filter-btn--active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.diary__grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.diary-card{flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.diary-card__image-container{background:var(--bg-tertiary);width:100%;height:200px;position:relative;overflow:hidden}.diary-card__image{width:100%;height:100%;transition:transform var(--transition-slow);background-position:50%;background-size:cover}.diary-card:hover .diary-card__image{transform:scale(1.04)}.diary-card__chapter{top:var(--space-4);left:var(--space-4);color:#fff;-webkit-backdrop-filter:blur(8px);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase;background:#0a0a14bf;border:1px solid #ffffff1a;position:absolute}.diary-card__content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.diary-card__meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.diary-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--text-primary);line-height:var(--leading-snug);transition:color var(--transition-fast)}.diary-card:hover .diary-card__title{color:var(--accent-primary)}.diary-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.diary-card__footer{gap:var(--space-2);border-top:1px solid var(--border-color);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.diary__empty{text-align:center;padding:var(--space-16) 0;color:var(--text-secondary)}.diary__empty-icon{margin:0 auto var(--space-4);color:var(--text-tertiary);opacity:.5}@media (width<=768px){.diary__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.book-container{width:100%;max-width:960px;margin:var(--space-8) auto;perspective:1200px}.book{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl), 0 20px 40px #00000026;border:1px solid var(--border-color);min-height:500px;transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.book__spine{z-index:5;pointer-events:none;background:linear-gradient(90deg,#00000014 0%,#0003 20%,#00000040 50%,#0003 80%,#00000014 100%);width:20px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}[data-theme=dark] .book__spine{background:linear-gradient(90deg,#ffffff05 0%,#0006 20%,#0009 50%,#0006 80%,#ffffff05 100%)}.book__page{width:50%;padding:var(--space-8) var(--space-10) var(--space-12) var(--space-10);background:var(--bg-card);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.book__page--left{padding-right:var(--space-12);border-right:1px solid #0000000d}.book__page--right{padding-left:var(--space-12)}[data-theme=dark] .book__page--left{border-right-color:#ffffff0a}.book__page-content{font-family:var(--font-sans);color:var(--text-secondary);font-size:.95rem;line-height:var(--leading-relaxed);flex:1}.book__page-content p{margin-bottom:var(--space-4)}.book__page-content strong{font-weight:var(--font-bold);color:var(--text-primary)}.book__page-number{bottom:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-semibold);position:absolute}.book__page--left .book__page-number{left:var(--space-8)}.book__page--right .book__page-number{right:var(--space-8)}.book__nav-btn{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;z-index:10;box-shadow:var(--shadow-md);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book__nav-btn:hover{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-50%)scale(1.08)}.book__nav-btn--prev{left:-22px}.book__nav-btn--next{right:-22px}.book-header{margin-bottom:var(--space-6);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.book-header__chapter{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-primary)}.book-header__progress{font-size:var(--text-xs);color:var(--text-tertiary)}@media (width<=768px){.book{min-height:400px}.book__spine{display:none}.book__page--left{width:100%;padding-right:var(--space-6);border-right:none;flex:none}.book__page--right{display:none}.book__nav-btn{width:36px;height:36px}.book__nav-btn--prev{left:var(--space-2)}.book__nav-btn--next{right:var(--space-2)}}.diary-entry{padding-bottom:var(--space-20)}.diary-entry__back{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm);margin-bottom:var(--space-8);transition:color var(--transition-fast);display:inline-flex}.diary-entry__back:hover{color:var(--accent-primary)}.diary-entry__header{text-align:center;margin-bottom:var(--space-8)}.diary-entry__title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--text-primary)}@font-face{font-family:Zenzai Itacha;src:url(/assets/Zenzai%20Itacha-BEkz7Tf9.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sdasian-WyDon;src:url(/assets/Sdasian-WyDon-pDWbI7No.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root,:root[data-theme=light]{--bg-primary:#f4faf6;--bg-secondary:#e6f4ec;--bg-tertiary:#d1ebd9;--bg-card:#fff;--bg-card-hover:#f4faf6;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffd9;--bg-overlay:#0a2e1866;--bg-input:#fff;--text-primary:#0a2e18;--text-secondary:#165a32;--text-tertiary:#357f54;--text-inverse:#f4faf6;--text-link:#1f7a43;--accent-primary:#1f7a43;--accent-primary-hover:#165a32;--accent-primary-light:#1f7a431a;--accent-secondary:#b8912e;--accent-gradient:linear-gradient(135deg, #1f7a43 0%, #2d9f5a 50%, #4fc07a 100%);--accent-gradient-hover:linear-gradient(135deg, #165a32 0%, #1f7a43 50%, #2d9f5a 100%);--color-dev:#1f7a43;--color-cyber:#c84032;--color-network:#2d9f5a;--color-graphics:#b8912e;--color-figma:#d4a74a;--color-success:#10b981;--color-warning:#b8912e;--color-error:#c84032;--color-info:#2d9f5a;--border-color:#165a3214;--border-color-hover:#165a3226;--border-color-focus:#1f7a43;--shadow-sm:0 1px 2px #165a320d;--shadow-md:0 4px 12px #165a3214;--shadow-lg:0 8px 30px #165a321a;--shadow-xl:0 20px 60px #165a321f;--shadow-glow:0 0 30px #1f7a4326;--shadow-card:0 2px 8px #165a320f;--shadow-card-hover:0 8px 30px #165a321f;--scrollbar-track:#e6f4ec;--scrollbar-thumb:#b0d8c0;--scrollbar-thumb-hover:#8fc2a5;--jade-50:#f0faf4;--jade-100:#d1f0dc;--jade-200:#a3e1b9;--jade-400:#4fc07a;--jade-500:#2d9f5a;--jade-600:#1f7a43;--jade-700:#165a32;--jade-900:#0a2e18;--gold-400:#d4a74a;--gold-500:#b8912e;--vermillion:#c84032}:root[data-theme=dark]{--bg-primary:#061a0e;--bg-secondary:#0a2e18;--bg-tertiary:#103f22;--bg-card:#092414;--bg-card-hover:#0e351e;--bg-glass:#092414bf;--bg-glass-hover:#0e351ed9;--bg-overlay:#0009;--bg-input:#071f10;--text-primary:#e8ede4;--text-secondary:#a3e1b9;--text-tertiary:#5dd48a;--text-inverse:#061a0e;--text-link:#3db86e;--accent-primary:#3db86e;--accent-primary-hover:#5dd48a;--accent-primary-light:#3db86e26;--accent-secondary:#e8c468;--accent-gradient:linear-gradient(135deg, #1f7a43 0%, #3db86e 50%, #5dd48a 100%);--accent-gradient-hover:linear-gradient(135deg, #2d9f5a 0%, #4fc07a 50%, #5dd48a 100%);--color-dev:#3db86e;--color-cyber:#d4564a;--color-network:#5dd48a;--color-graphics:#e8c468;--color-figma:#f1d289;--color-success:#34d399;--color-warning:#e8c468;--color-error:#d4564a;--color-info:#5dd48a;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--border-color-focus:#3db86e;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #0000004d;--shadow-xl:0 20px 60px #00000059;--shadow-glow:0 0 30px #3db86e33;--shadow-card:0 2px 8px #0003;--shadow-card-hover:0 8px 30px #0000004d;--scrollbar-track:#0a2e18;--scrollbar-thumb:#165a32;--scrollbar-thumb-hover:#1f7a43;--jade-50:#f0faf4;--jade-100:#d1f0dc;--jade-200:#a3e1b9;--jade-400:#5dd48a;--jade-500:#3db86e;--jade-600:#2d9f5a;--jade-700:#1f7a43;--jade-900:#071f10;--gold-400:#e8c468;--gold-500:#d4a74a;--vermillion:#d4564a}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-dynasty:"Zenzai Itacha", cursive, sans-serif;--font-accent:"Sdasian-WyDon", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-navbar:500;--z-modal:1000;--z-toast:1500;--z-chatbot:900;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-max:1400px;--navbar-height:72px;--admin-sidebar-width:260px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-slow), color var(--transition-slow)}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);font-weight:var(--font-bold)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}@media (width>=1280px){.container{max-width:var(--container-max)}}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-4);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--accent-primary-light);color:var(--accent-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.input,.textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus,.textarea:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:120px}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--accent-primary-light);color:var(--accent-primary);display:inline-flex}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{opacity:0;transform:translateY(12px)}.page-visible{opacity:1;transform:translateY(0)}@media (width<=768px){:root{--navbar-height:64px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.font-dynasty{font-family:var(--font-dynasty)}.font-accent{font-family:var(--font-accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}