:root{--bg-primary: #faf8f5;--bg-secondary: #f5f0e8;--bg-card: #ffffff;--text-primary: #3d3225;--text-secondary: #6b5d4d;--text-muted: #9a8b78;--accent: #c9a962;--accent-hover: #b8953a;--accent-glow: rgba(201, 169, 98, .3);--border: #e8dfd2;--wave-back: #e8dcc8;--wave-mid: #f0e6d8;--wave-front: #f8f4ed;--shadow: rgba(139, 115, 85, .08);--shadow-hover: rgba(139, 115, 85, .15);--gradient-accent: linear-gradient(135deg, #c9a962 0%, #d4b87a 50%, #c9a962 100%)}[data-theme=dark]{--bg-primary: #1c1915;--bg-secondary: #252218;--bg-card: #2d2820;--text-primary: #f5f0e5;--text-secondary: #c9c0b0;--text-muted: #8a8070;--accent: #d4b06a;--accent-hover: #e8c880;--accent-glow: rgba(212, 176, 106, .25);--border: #3d3528;--wave-back: #2a2520;--wave-mid: #232018;--wave-front: #1c1915;--shadow: rgba(0, 0, 0, .35);--shadow-hover: rgba(0, 0, 0, .45);--gradient-accent: linear-gradient(135deg, #d4b06a 0%, #e8c880 50%, #d4b06a 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .4s ease,color .4s ease}#root{min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,var(--accent-glow) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,var(--accent-glow) 0%,transparent 50%);opacity:.5;pointer-events:none;z-index:-1;animation:ambientGlow 8s ease-in-out infinite alternate}@keyframes ambientGlow{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(2%,-2%)}}.theme-toggle{position:static;width:56px;height:28px;border-radius:14px;border:1px solid var(--border);background-color:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;padding:3px;transition:all .3s ease;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.theme-toggle .toggle-indicator{width:20px;height:20px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),background .3s ease;box-shadow:0 2px 8px #0003}.theme-toggle .sun-icon,.theme-toggle .moon-icon{width:12px;height:12px;color:var(--bg-primary);transition:transform .3s ease,opacity .3s ease}.theme-toggle .sun-icon{display:block}.theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle{background-color:var(--bg-secondary)}[data-theme=dark] .theme-toggle .toggle-indicator{transform:translate(28px)}[data-theme=dark] .theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .moon-icon{display:block}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.container{max-width:1000px;margin:0 auto;padding:0 24px;flex:1;display:flex;flex-direction:column}.main-container{position:relative;z-index:1}.header{text-align:center;padding:20px 0 10px;position:relative;animation:fadeInDown .6s ease-out}.header-row{display:flex;flex-direction:column;align-items:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.2rem,6vw,3rem);font-weight:600;letter-spacing:.05em;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tagline{font-size:.75rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;font-weight:400;margin-bottom:16px}.datetime-widget{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);font-family:Inter,sans-serif;letter-spacing:.02em}.date-display{color:var(--text-secondary)}.time-separator{color:var(--accent);opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.time-display{color:var(--accent);font-weight:500;font-variant-numeric:tabular-nums}.nav{display:flex;justify-content:center;gap:20px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:10px;width:100%}.nav-link{font-size:.9rem;color:var(--text-secondary);text-decoration:none;padding:4px 8px;position:relative;cursor:pointer;transition:color .2s ease,transform .2s ease}.nav-link:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}main{flex:1;display:flex;flex-direction:column;animation:fadeIn .5s ease-out .2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{text-align:center;padding:30px 0 0;margin-bottom:40px}.hero-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:400;color:var(--text-secondary);max-width:90%;margin:0 auto 10px;font-style:italic;line-height:1.5;animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wave-illustration{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:clamp(220px,35vh,320px);z-index:0;pointer-events:none;line-height:0;overflow:hidden}.wave-illustration svg{display:block;width:100%;height:100%}.wave-back{fill:var(--wave-back);animation:waveFloat 6s ease-in-out infinite}.wave-mid{fill:var(--wave-mid);animation:waveFloat 5s ease-in-out infinite .5s}.wave-front{fill:var(--wave-front);animation:waveFloat 4s ease-in-out infinite 1s}@keyframes waveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cards-section{display:flex;align-items:flex-start;padding-top:0;background-color:transparent;width:100%;padding-bottom:40px;position:relative;z-index:1}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.card-link-wrapper{text-decoration:none;color:inherit;display:block;transition:transform .4s cubic-bezier(.25,.46,.45,.94);animation:fadeInUp .6s ease-out both}.card-link-wrapper:nth-child(1){animation-delay:.4s}.card-link-wrapper:nth-child(2){animation-delay:.5s}.card-link-wrapper:nth-child(3){animation-delay:.6s}.card-link-wrapper:hover{transform:translateY(-8px)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px 24px;text-align:center;box-shadow:0 4px 20px -4px var(--shadow);height:100%;transition:all .4s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transition:transform .4s ease}.card-link-wrapper:hover .card:before{transform:scaleX(1)}.card-link-wrapper:hover .card{box-shadow:0 12px 40px -8px var(--shadow-hover);border-color:var(--accent)}.card-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:12px;position:relative;padding-bottom:12px}.card-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--gradient-accent);transition:width .3s ease}.card-link-wrapper:hover .card-title:after{width:60px}.card-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5;margin-top:12px}.card-link-text{font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px;transition:gap .3s ease}.card-link-wrapper:hover .card-link-text{gap:8px}.card-link-text span{font-size:1.1rem;line-height:0;position:relative;top:-1px;transition:transform .3s ease}.card-link-wrapper:hover .card-link-text span{transform:translate(4px)}.footer{padding:28px 24px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;max-width:1000px;width:100%;position:relative;z-index:3;margin-top:auto}.footer-links{display:flex;gap:24px}.footer-link{font-size:.88rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease;cursor:pointer}.footer-link:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-email-link{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-email-link:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-email-link svg{width:16px;height:16px;transition:transform .3s ease}.footer-email-link:hover svg{transform:scale(1.1)}.copyright{font-size:.8rem;color:var(--text-muted)}.site-quote{font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;font-style:italic;text-align:center;color:#b59047;margin:10px auto;max-width:600px;padding:0 20px;line-height:1.6;position:relative;z-index:2;text-shadow:0 1px 2px rgba(255,255,255,.6);animation:fadeIn 1s ease-out .8s both}[data-theme=dark] .site-quote{color:#e8c880;text-shadow:0 1px 3px rgba(0,0,0,.4)}.page-content{max-width:800px;margin:0 auto;padding:0 0 60px;flex:1;width:100%;animation:fadeIn .5s ease-out}.section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;font-weight:500;color:var(--text-primary);margin-bottom:24px;text-align:center;border-bottom:1px solid var(--border);padding-bottom:16px;position:relative}.section-title:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--gradient-accent)}.content-block{font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.content-block p{margin-bottom:20px}.lead-text{font-size:1.3rem;font-style:italic;color:var(--text-primary);margin-bottom:30px}.list-grid{display:grid;gap:30px}.list-item{padding-bottom:30px;border-bottom:1px solid var(--border);transition:transform .3s ease;animation:fadeInUp .5s ease-out both}.list-item:nth-child(1){animation-delay:.1s}.list-item:nth-child(2){animation-delay:.2s}.list-item:nth-child(3){animation-delay:.3s}.list-item:nth-child(4){animation-delay:.4s}.list-item:nth-child(5){animation-delay:.5s}.list-item:hover{transform:translate(8px)}.list-item:last-child{border-bottom:none}.item-meta{font-size:.8rem;text-transform:uppercase;color:var(--accent);letter-spacing:.05em;display:block;margin-bottom:8px;font-weight:500}.item-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;margin-bottom:10px;color:var(--text-primary);transition:color .2s ease}.list-item:hover .item-title{color:var(--accent)}.item-description{color:var(--text-secondary);font-size:1rem;margin-bottom:12px;line-height:1.6}.item-link{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.item-link:hover{color:var(--accent-hover);gap:8px}.list-item:nth-child(4n+1) .item-meta{color:var(--accent)}.list-item:nth-child(4n+2) .item-meta{color:#738b7d}.list-item:nth-child(4n+3) .item-meta{color:#aa7d7d}.list-item:nth-child(4n+4) .item-meta{color:#6b7c93}.article-container{animation:fadeIn .6s ease-out}.article-header{margin-bottom:40px}.article-subtitle{font-family:Inter,sans-serif;color:var(--text-secondary);margin-bottom:40px}.content-text{font-size:1.1rem;color:var(--text-secondary);line-height:1.9}.content-text p{margin-bottom:24px}.content-text h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;color:var(--text-primary);margin:40px 0 16px}.content-text ul,.content-text ol{margin-bottom:24px;padding-left:24px}.content-text li{margin-bottom:12px}.content-text blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:30px 0;font-style:italic;color:var(--text-primary)}.content-text strong{color:var(--text-primary)}.content-text em{color:var(--accent)}.logo-link{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;align-items:center;gap:8px}.site-logo{width:60px;height:60px;object-fit:contain;border-radius:50%;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.logo-link:hover .site-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px var(--accent-glow)}.logo-link:hover .name{color:var(--accent)}.mobile-menu-btn{display:none;position:absolute;top:20px;left:20px;background:none;border:none;color:var(--text-primary);cursor:pointer;z-index:2001;padding:5px;transition:transform .2s ease}.mobile-menu-btn:hover{transform:scale(1.1)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}@media(min-width:769px)and (max-width:1024px){.hero{padding:15px 0 0;margin-bottom:25px}.cards-section{padding-bottom:60px}.cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px}.card{padding:20px 16px}.wave-illustration{height:clamp(200px,30vh,280px)}}@media(max-width:768px){.cards-section{padding-bottom:20vh}.cards-grid{grid-template-columns:1fr;gap:16px}.hero-title{white-space:normal}.wave-illustration{height:35vh;min-height:200px}.site-quote{margin:60px auto 20px;text-align:center}.footer{padding-top:10px;padding-bottom:16px;flex-direction:column;align-items:center;text-align:center;gap:12px}.mobile-menu-btn{display:block}.nav{display:none;flex-direction:column;background-color:var(--bg-primary);position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;z-index:2000;justify-content:center;align-items:center}.nav.active{display:flex;animation:fadeIn .3s ease-out}.nav-link{padding:20px;font-size:1.5rem;border-bottom:none;width:auto;text-align:center}.nav-link:last-child{border-bottom:none}.header{padding:16px 20px;border-bottom:1px solid var(--border);text-align:center;position:relative}.mobile-menu-btn{position:absolute;top:16px;left:16px;display:flex}.logo-link{flex-direction:row;gap:10px;justify-content:center}.site-logo{width:36px;height:36px}.name{font-size:1.4rem}.tagline{margin-top:8px;text-align:center;font-size:.65rem}.list-item:hover{transform:none}}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.loading:after{content:"";width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::selection{background-color:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}