*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue:#2c5f7c;--secondary-blue:#34657f;--light-blue:#5a8bb5;--accent-blue:#7db8d8;--warm-amber:#d4a574;--warm-terracotta:#c17b66;--text-dark:#3a4a5a;--text-medium:#2d3748;--text-light:#4a5568;--background-light:rgba(240,244,247,.95);--background-gradient:linear-gradient(135deg,#f0f4f7,#eef2f6 50%,#e8ecf0);--border-light:rgba(44,95,124,.2);--shadow-light:rgba(44,95,124,.08);--shadow-medium:rgba(44,95,124,.15)}html{interpolate-size:allow-keywords}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-medium);background:#f0f4f7;min-height:100vh;overflow-x:hidden}.container,body{position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-divider{height:2px;background:linear-gradient(90deg,transparent 0,var(--light-blue) 50%,transparent 100%);margin:3rem 0;border-radius:2px}.section-divider:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,var(--light-blue) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:.6}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--background-gradient);border:1px solid var(--border-light);border-radius:50%;color:var(--primary-blue);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-light);z-index:1000}.back-to-top:hover{background:linear-gradient(135deg,var(--secondary-blue) 0,var(--light-blue) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-medium)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(248,251,252,.9);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-btn{flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-line{width:30px;height:3px;background:var(--primary-blue);transition:all .3s ease;border-radius:2px}.mobile-menu-btn:hover .hamburger-line{background:var(--secondary-blue)}.mobile-menu-btn[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@keyframes rainDropFall{0%{opacity:0;transform:translateY(-20px) scale(.8)}50%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:.8;transform:translateY(0) scale(1)}}@keyframes rainDropRipple{0%{transform:scale(0);opacity:.8}to{transform:scale(4);opacity:0}}@keyframes springyEase{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFlip{0%{transform:perspective(600px) rotateY(0deg);opacity:1}25%{transform:perspective(600px) rotateY(-15deg);opacity:.8}50%{transform:perspective(600px) rotateY(-30deg);opacity:.6}75%{transform:perspective(600px) rotateY(-15deg);opacity:.8}to{transform:perspective(600px) rotateY(0deg);opacity:1}}@keyframes pageFlutter{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(-8px) rotate(-1deg)}75%{transform:translateY(-3px) rotate(.5deg)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes textGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatingBook{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}25%{transform:translateY(-10px) rotate(2deg);opacity:.8}50%{transform:translateY(-5px) rotate(-1deg);opacity:1}75%{transform:translateY(-15px) rotate(1deg);opacity:.7}}@keyframes cardPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(45,90,135,.1)}50%{transform:scale(1.02);box-shadow:0 8px 24px rgba(45,90,135,.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:var(--primary-blue);text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 var(--primary-blue),.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 var(--primary-blue),.5em 0 0 var(--primary-blue)}}header.sidebar-header{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--border-light);transition:all .3s ease;overflow-y:auto}.sidebar-content{padding:6rem 1.5rem 2rem;height:100%;gap:2rem}.sidebar-content,nav ul{display:flex;flex-direction:column}nav ul{list-style:none;gap:.5rem;margin:0;padding:0;position:relative;opacity:1;visibility:visible;transform:none;align-items:stretch}nav a{color:var(--primary-blue);text-decoration:none;font-weight:400;font-size:1rem;font-family:Georgia,Times New Roman,serif;padding:.8rem 1rem;border-radius:8px;transition:all .2s ease;letter-spacing:.02em;display:block;text-align:left}nav a:hover{background:rgba(125,184,216,.1);opacity:1}nav{display:block;flex:1 1}.mobile-menu-btn{display:none}@media (max-width:768px){header.sidebar-header{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-light)}.sidebar-content{flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:1rem}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line{width:25px;height:2px;background:var(--primary-blue);transition:all .3s ease}nav{position:fixed;top:70px;left:0;right:0;width:100%;background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-light);box-shadow:0 8px 32px var(--shadow-light);z-index:999;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}nav ul{flex-direction:column;padding:1.5rem;gap:.5rem}nav ul.show,nav.show{max-height:500px;opacity:1}nav ul li{width:100%}nav ul li a{display:block;width:100%;padding:1rem;border-radius:8px;font-size:1rem;text-align:left}nav ul li a:hover{background:rgba(125,184,216,.1)}}.hero-section{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;background:transparent;padding:2rem 2rem 3rem}.hero-section:after{height:100px;background:linear-gradient(0deg,rgba(240,244,247,.8),transparent)}.hero-section:after,.hero-section:before{content:"";position:absolute;bottom:0;left:0;right:0;pointer-events:none}.hero-section:before{top:0;background:radial-gradient(circle at 20% 30%,rgba(125,184,216,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(90,139,181,.08) 0,transparent 50%)}.hero-cover{display:flex;flex-direction:column;background:hsla(0,0%,100%,.4);border-radius:20px;box-shadow:none;margin:2rem auto 3rem;max-width:1100px;min-height:300px;padding:1rem 2.5rem 2rem;position:relative;overflow:visible;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:none}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}.hero-left{flex:1 1;min-width:300px}.hero-left,.hero-title{animation:fadeInSlideUp 1s ease-out;text-align:left}.hero-title{font-size:1.8rem;font-weight:600;color:#3a4a5a;margin-bottom:2rem}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-right{flex:1 1;display:flex;align-items:center;justify-content:flex-end;min-width:300px}.hero-quote{background:hsla(0,0%,100%,.5);border-radius:16px;padding:2rem 2rem 2rem 3rem;box-shadow:0 4px 20px rgba(45,90,135,.1);position:relative;max-width:500px;min-width:320px;border-left:4px solid var(--light-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.hero-quote .hero-poem{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.8;color:var(--text-dark);font-style:italic;margin:0;animation:textReveal 2s ease-out .5s both}.hero-poem .poem-line{display:block;margin-bottom:.5rem}.hero-poem .poem-line:last-child{margin-bottom:0}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-quote:before{content:'"';position:absolute;top:-10px;left:15px;font-size:4rem;color:var(--light-blue);font-family:Georgia,serif;opacity:.3;animation:quoteFade 1s ease-out 1s both}@keyframes quoteFade{0%{opacity:0;transform:scale(.8)}to{opacity:.3;transform:scale(1)}}.hero-description-full{margin-top:2rem;padding:1.5rem;background:hsla(0,0%,100%,.7);border-radius:12px;animation:contentFadeIn 1s ease-out 1.5s both}.hero-description-full p{margin-bottom:1rem;color:var(--text-medium);font-size:1.05rem;line-height:1.7}.hero-description-full p:first-child{font-weight:600;color:var(--primary-blue)}.hero-description-full p:last-child{margin-bottom:0}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-author{display:block;margin-top:1.5rem;font-size:1rem;color:var(--primary-blue);font-style:italic;text-align:right;font-weight:500;animation:authorAppear 1s ease-out 2s both}@keyframes authorAppear{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.hero-author:before{content:"— ";opacity:.7;animation:dashSlide .5s ease-out 2.2s both}@keyframes dashSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:.7;transform:translateX(0)}}.floating-element{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(125,184,216,.4) 0,transparent 70%);border-radius:50%;animation:complexFloat 8s ease-in-out infinite;pointer-events:none}@keyframes complexFloat{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.4}25%{transform:translateY(-20px) translateX(10px) rotate(90deg);opacity:.8}50%{transform:translateY(-10px) translateX(-5px) rotate(180deg);opacity:.6}75%{transform:translateY(-30px) translateX(15px) rotate(270deg);opacity:.7}}.floating-element:first-child{top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:60%;right:15%;animation-delay:2s}.floating-element:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.floating-element:nth-child(4){top:40%;right:25%;animation-delay:6s}.floating-element:nth-child(7){top:80%;left:60%;animation-delay:1s}.floating-element:nth-child(8){bottom:20%;right:40%;animation-delay:3s}@media (prefers-reduced-motion:no-preference){.hero-section{animation:heroFloat 20s ease-in-out infinite}.floating-element{animation:complexFloat 8s ease-in-out infinite}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-image-container{position:relative;width:300px;height:300px;margin:0;animation:imageSlideIn 1s ease-out .8s both}.hero-image{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 8px 32px rgba(45,90,135,.15);transition:all .4s cubic-bezier(.4,0,.2,1);border:3px solid hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 48px rgba(45,90,135,.25);border-color:var(--light-blue)}@keyframes imageSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-image-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,var(--light-blue),var(--accent-blue));border-radius:20px;opacity:0;z-index:-1;animation:frameAppear 1s ease-out 1.5s both}@keyframes frameAppear{to{opacity:.3}}.typewriter-cursor{animation:typewriterBlink 1s infinite}@keyframes typewriterBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:900px){.hero-cover{padding:2rem 1rem;min-height:unset}.hero-cover,.hero-top{flex-direction:column}.hero-left,.hero-right{padding:0;width:100%}.hero-title{font-size:1.5rem;text-align:left}.hero-right{margin-top:2rem;justify-content:center}.hero-quote{min-width:unset;max-width:100%;padding:1.5rem 1.2rem 1.5rem 1.5rem}.hero-image-container{width:250px;height:250px;margin:0 auto}}.intro-section{padding:3rem 2rem;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.intro-text{max-width:900px;margin:0 auto;text-align:left}.intro-text p{font-size:1.05rem;line-height:1.8;color:var(--text-dark);margin-bottom:1.5rem}.intro-period{text-align:center;margin:1rem 0!important;font-size:1.5rem;color:var(--text-medium)}.intro-signature{margin-top:2rem;text-align:right}.intro-signature p{margin-bottom:.5rem;font-size:1.1rem;color:var(--primary-blue);font-weight:500}.intro-email{font-size:1rem!important;color:var(--text-medium)!important;font-weight:400!important}@media (max-width:900px){.intro-section{padding:2rem 1rem}.intro-text{max-width:100%}.intro-signature{text-align:left}}.blob-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:morph 20s ease-in-out infinite}.blob-1{width:500px;height:500px;background:linear-gradient(135deg,#7db8d8,#5a8bb5);top:-100px;left:-100px;animation-delay:0s}.blob-2{width:600px;height:600px;background:linear-gradient(135deg,#d4a574,#c17b66);top:50%;right:-150px;animation-delay:5s}.blob-3{width:450px;height:450px;background:linear-gradient(135deg,#34657f,#2c5f7c);bottom:-100px;left:20%;animation-delay:10s}.blob-4{width:550px;height:550px;background:linear-gradient(135deg,#eef2f6,#e8ecf0);top:20%;left:50%;animation-delay:7s}.blob-5{width:400px;height:400px;background:linear-gradient(135deg,#c17b66,#d4a574);bottom:20%;right:20%;animation-delay:12s}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;transform:translate(50px,-30px) scale(1.1)}50%{border-radius:70% 30% 50% 50%/30% 50% 50% 70%;transform:translate(-30px,40px) scale(.9)}75%{border-radius:40% 60% 30% 60%/60% 30% 60% 40%;transform:translate(30px,50px) scale(1.05)}}.blob{transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.blob{animation:none;transform:translate(0) scale(1)}}main{margin-left:280px;transition:margin-left .3s ease}.site-title{font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:400;color:var(--primary-blue);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:0;padding:2rem 2rem 3rem;cursor:pointer;transition:opacity .2s ease;position:relative;z-index:10;width:100%;order:-1}.site-title:hover{opacity:.7}@media (max-width:768px){.site-title{font-size:2.5rem;padding:2rem 1rem 1.5rem}}.section{padding:4rem 0;margin:3rem 0;background:hsla(0,0%,100%,.4);border:none;border-radius:0;position:relative;overflow:visible;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:none;animation:fadeInUp .8s ease-out}.section:before{display:none}.section>*{position:relative;z-index:1}.section p{color:var(--text-medium);line-height:1.7}.section:first-of-type{margin-top:2rem}.section:hover{transform:none;box-shadow:none;border-color:transparent}.section:nth-child(2n),.section:nth-child(odd){background:hsla(0,0%,100%,.4)}.section-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;color:#2c5f7c;text-align:center;margin-bottom:2rem;letter-spacing:-.02em;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;width:80px;height:4px;background:linear-gradient(90deg,var(--secondary-blue),var(--light-blue));transform:translateX(-50%);border-radius:2px}.articles-grid,.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.articles-modern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.ai-showcase{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.ai-item{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(125,184,216,.15);border-left:3px solid transparent;border-radius:8px;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden}.ai-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--secondary-blue),var(--light-blue));transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.ai-item:first-child{animation-delay:.1s}.ai-item:nth-child(2){animation-delay:.2s}.ai-item:nth-child(3){animation-delay:.3s}.ai-item:hover{transform:translateX(8px);border-left-color:var(--light-blue);background:rgba(125,184,216,.05);border-bottom-color:rgba(125,184,216,.25)}.ai-item:hover:before{transform:scaleY(1)}.ai-item:last-child{border-bottom:1px solid rgba(125,184,216,.15)}.ai-item:last-child:hover{border-bottom-color:rgba(125,184,216,.25)}.ai-item-content{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.ai-item-title{color:var(--primary-blue);font-size:1.4rem;font-weight:600;margin:0;position:relative;transition:color .3s ease}.ai-item-description{color:var(--text-medium);font-size:.95rem;line-height:1.6;margin:0;max-width:100%}.ai-item:hover .ai-item-title{color:var(--secondary-blue)}.ai-item-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--secondary-blue),var(--light-blue));transition:width .3s ease;border-radius:2px}.ai-item:hover .ai-item-title:after{width:100%}.ai-item .read-button{flex-shrink:0;font-size:.95rem;padding:.7rem 1.3rem;transition:all .3s ease}.ai-item:hover .read-button{transform:translateX(-4px);box-shadow:0 4px 12px rgba(255,140,0,.25)}@media (max-width:768px){.ai-item{flex-direction:column;align-items:flex-start;gap:1rem}.ai-item-content{width:100%}.ai-item-title{font-size:1.2rem}.ai-item-description{font-size:.9rem}.ai-item .read-button{align-self:flex-start}}.article-card{background:hsla(0,0%,100%,.6);border-radius:16px;padding:2rem;border:1px solid var(--border-light);transition:all .3s ease;cursor:default;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-blue) 0,var(--light-blue) 100%);opacity:0;transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px var(--shadow-light);border-color:var(--light-blue);background:hsla(0,0%,100%,.8)}.article-card:hover:before{opacity:1}.article-card-header{display:flex;justify-content:space-between;align-items:center}.article-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--light-blue) 0,var(--secondary-blue) 100%);border-radius:12px;color:#fff;transition:all .3s ease}.article-card:hover .article-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(125,184,216,.4)}.article-meta{display:flex;gap:.8rem;align-items:center}.article-read-time,.article-type{font-size:.85rem;color:var(--text-light);font-weight:500;padding:.3rem .8rem;background:rgba(125,184,216,.1);border-radius:6px}.article-content{flex:1 1}.article-content h3{color:var(--primary-blue);font-size:1.3rem;font-weight:600;margin-bottom:.8rem;line-height:1.3}.article-content p{color:var(--text-medium);line-height:1.6;margin-bottom:1rem}.article-tags{display:flex;gap:.6rem;flex-wrap:wrap}.article-tag{font-size:.85rem;color:var(--secondary-blue);background:rgba(125,184,216,.15);padding:.4rem .9rem;border-radius:20px;font-weight:500;transition:all .2s ease}.article-card:hover .article-tag{background:rgba(125,184,216,.25);color:var(--primary-blue)}.article-action{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(125,184,216,.2);cursor:pointer}.read-more{font-weight:600;color:var(--secondary-blue);font-size:1rem}.arrow-icon{color:var(--light-blue);transition:all .3s ease}.article-card:hover .arrow-icon{transform:translateX(4px);color:var(--secondary-blue)}@media (max-width:768px){main{margin-left:0}.articles-modern-grid{grid-template-columns:1fr}}.books-list{display:flex;flex-direction:column;gap:2rem}.book-item{display:flex;gap:2rem;background:hsla(0,0%,100%,.5);border-radius:16px;padding:1.5rem;border-left:4px solid var(--light-blue);transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--shadow-light)}.book-cover-container{flex-shrink:0}.book-cover{width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.book-details{flex:1 1}.book-details h3{color:#2c5f7c;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.book-author{color:var(--text-light);font-style:italic;margin-bottom:1rem}.book-summary{color:var(--text-medium);line-height:1.6;margin-bottom:1rem}.read-button{background:linear-gradient(135deg,var(--warm-amber) 0,var(--warm-terracotta) 100%);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;line-height:1.5;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-sizing:border-box;vertical-align:middle}.read-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px hsla(31,53%,64%,.4);background:linear-gradient(135deg,var(--warm-terracotta) 0,var(--warm-amber) 100%)}.download-button{background:linear-gradient(135deg,var(--secondary-blue) 0,var(--light-blue) 100%);margin-left:.75rem;font-size:1rem;line-height:1.5;box-sizing:border-box;vertical-align:middle}.download-button:hover{box-shadow:0 4px 14px rgba(52,101,127,.35);background:linear-gradient(135deg,var(--light-blue) 0,var(--secondary-blue) 100%)}.read-button.disabled{background:#ccc;cursor:not-allowed;opacity:.6}.read-button.disabled:hover{transform:none;box-shadow:none}.section-subtitle{text-align:center;color:var(--text-medium);font-size:1.05rem;line-height:1.7;margin:1rem auto 2rem;max-width:800px;font-style:italic}.subsection-title{font-size:1.5rem;font-weight:600;color:#2c5f7c;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.discussions-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.discussion-item{background:hsla(0,0%,100%,.95);border-radius:16px;overflow:hidden;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discussion-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-blue) 0,var(--light-blue) 100%);opacity:0;transition:all .3s ease}.discussion-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--shadow-light);border-color:var(--light-blue)}.discussion-item:hover:before{opacity:1}.discussion-item>*{position:relative;z-index:1}.discussion-header{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem;cursor:pointer;transition:all .3s ease;background:transparent}.discussion-header:hover{background:rgba(125,184,216,.05)}.discussion-header-content{flex:1 1;display:flex;align-items:center;gap:1rem}.discussion-number{background:linear-gradient(135deg,var(--secondary-blue) 0,var(--light-blue) 100%);color:#fff;font-weight:700;font-size:.9rem;padding:.5rem .8rem;border-radius:8px;min-width:3rem;text-align:center}.discussion-header h3{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;color:var(--primary-blue);margin:0;line-height:1.4}.discussion-header:hover h3{color:var(--secondary-blue)}.discussion-arrow{font-size:1.8rem;color:var(--light-blue);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:300;margin-left:1rem}.discussion-arrow.open{transform:rotate(90deg);color:var(--secondary-blue)}.discussion-content{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.95)}.discussion-content.open{max-height:800px;padding:0 1.5rem 1.8rem}.discussion-answer{display:flex;flex-direction:column;gap:1.5rem}.philosopher-response{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;background:hsla(0,0%,100%,.8);border-radius:12px;border-left:4px solid var(--light-blue);transition:all .3s ease;position:relative}.philosopher-response:hover{background:hsla(0,0%,100%,.95);box-shadow:0 4px 15px var(--shadow-light);transform:translateX(4px)}.philosopher-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.philosopher-avatar.jung{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%)}.philosopher-avatar.blake{background:#fff;color:var(--primary-blue);border:2px solid var(--light-blue)}.philosopher-response:hover .philosopher-avatar{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.2)}.response-content{flex:1 1}.response-content h4{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;color:var(--primary-blue);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.response-content h4:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,var(--light-blue) 0,transparent 100%);opacity:.5}.response-content p{color:var(--text-medium);font-size:1rem;line-height:1.7;margin:0;opacity:.9}.philosopher-highlight{font-weight:700;color:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.philosopher-highlight:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--secondary-blue) 0,var(--light-blue) 100%);border-radius:1px;opacity:.7}.insights-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;position:relative}.insights-list:before{content:"";position:absolute;top:-20px;left:50%;width:100px;height:20px;background:linear-gradient(180deg,rgba(125,184,216,.3),rgba(125,184,216,.1) 50%,transparent);border-radius:0 0 50px 50px;transform:translateX(-50%);opacity:0;animation:rainDropFall 2s ease-out .5s forwards}.insight-item{background:hsla(0,0%,100%,.95);border-radius:16px;overflow:hidden;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem}.insight-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-blue) 0,var(--light-blue) 100%);opacity:0;transition:all .3s ease}.insight-item:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out}.insight-item:hover{transform:translateY(-3px);box-shadow:0 12px 40px var(--shadow-light);border-color:var(--light-blue)}.insight-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(125,184,216,.3) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease;pointer-events:none}.insight-item.clicked:after{width:200px;height:200px;opacity:1;animation:rainDropRipple .6s ease-out}.insight-header{display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem;cursor:pointer;transition:all .3s ease;background:transparent}.insight-header:hover{background:rgba(125,184,216,.05)}.insight-header h3{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;color:var(--primary-blue);margin:0;line-height:1.4;position:relative}.insight-header h3:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--secondary-blue) 0,var(--light-blue) 100%);transition:all .3s ease;border-radius:1px}.insight-header:hover h3{color:var(--secondary-blue)}.insight-header:hover h3:after{width:100%}.insight-arrow{font-size:1.8rem;color:var(--light-blue);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:300;margin-left:1rem;position:relative}.insight-arrow:before{content:"";position:absolute;top:-4px;left:50%;width:6px;height:6px;background:radial-gradient(circle,rgba(125,184,216,.6) 0,transparent 70%);border-radius:50%;transform:translateX(-50%) scale(0);opacity:0;transition:all .3s ease}.insight-arrow:hover:before{transform:translateX(-50%) scale(1);opacity:1;animation:rainDropFall .6s ease-out}.insight-arrow.open{transform:rotate(90deg);color:var(--secondary-blue)}.insight-content{display:grid;grid-template-rows:0fr;transition:all .5s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.95);position:relative;overflow:hidden}.insight-content>div{overflow:hidden}.insight-content:before{content:"";position:absolute;top:-8px;left:30px;width:12px;height:8px;background:linear-gradient(180deg,rgba(125,184,216,.4),transparent);border-radius:0 0 50% 50%;opacity:0;transition:all .3s ease}.insight-content.open{grid-template-rows:1fr;padding:0 2rem 2rem}.insight-content.open>div{padding-top:1rem}.insight-content.open:before{opacity:1;animation:rainDropFall .8s ease-out .2s}.insight-content>*{opacity:0;transform:translateY(20px);transition:all .4s ease}.insight-content.open>*{opacity:1;transform:translateY(0)}.insight-content.open>:first-child{transition-delay:.1s}.insight-content.open>:nth-child(2){transition-delay:.2s}.insight-content.open>:nth-child(3){transition-delay:.3s}.insight-content.open>:nth-child(4){transition-delay:.4s}.insight-content p{margin:1rem 0;line-height:1.8;color:var(--text-medium);font-size:1.05rem;opacity:.9;position:relative}.insight-content p:before{content:"";position:absolute;left:-8px;top:.5em;width:3px;height:3px;background:radial-gradient(circle,rgba(125,184,216,.6) 0,transparent 70%);border-radius:50%;opacity:0;animation:rainDropFall .8s ease-out .5s forwards}.dialogue-title{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;color:var(--primary-blue);margin:0 0 1rem;text-align:center;letter-spacing:.5px;position:relative}.dialogue-title:after{content:"";position:absolute;bottom:-8px;left:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent 0,var(--light-blue) 50%,transparent 100%);transform:translateX(-50%);border-radius:2px}.dialogue{background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(248,252,255,.9));border-radius:12px;padding:1.5rem;margin:1.2rem 0;border-left:4px solid var(--light-blue);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow-light)}.dialogue:before{content:"";position:absolute;top:-6px;left:20px;width:8px;height:8px;background:radial-gradient(circle,rgba(125,184,216,.6) 0,transparent 70%);border-radius:50%;opacity:0;animation:rainDropFall .6s ease-out .2s forwards}.dialogue p{margin:1rem 0;line-height:1.8;color:var(--primary-blue);font-size:1.05rem}.dialogue p:first-child{margin-top:0}.dialogue p:last-child{margin-bottom:0}.dialogue strong{color:var(--text-dark);font-weight:600;position:relative}@media (max-width:768px){.section-subtitle{padding:0 1rem;margin:1rem auto 2rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.container{padding:0 1.5rem}.book-item{flex-direction:column;gap:1.5rem}.book-cover-container{text-align:center}.book-cover{max-width:200px;width:100%}.download-button,.read-button{padding:.6rem 1rem;font-size:.9rem;margin-top:.5rem}.download-button{margin-left:0;margin-top:.75rem}.book-details{width:100%}.book-details h3{font-size:1.1rem}.book-details h3,.book-summary{word-wrap:break-word;overflow-wrap:break-word}.book-summary{-webkit-hyphens:auto;hyphens:auto;text-align:left;width:100%;max-width:100%}.book-details .download-button,.book-details .read-button{display:block;width:100%;text-align:center}.article-card,.book-item,.discussion-item,.insight-item,.site-footer{-webkit-backdrop-filter:none;backdrop-filter:none}.article-card{background:hsla(0,0%,100%,.8)}.book-item{background:hsla(0,0%,100%,.7)}.discussion-header{padding:1.5rem 1.2rem}.discussion-header h3{font-size:1.1rem}.philosopher-response{flex-direction:column;align-items:center;text-align:center;gap:.8rem}.response-content h4:after{display:none}.insight-item{margin-bottom:1rem;border-radius:12px}.insight-header{padding:1.4rem 1.2rem}.insight-header h3{font-size:1.1rem}.insight-content.open{padding:0 1.2rem 1.5rem}.dialogue{padding:1.2rem;margin:1rem 0}}.site-footer{background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-light);padding:2rem 0;margin-top:4rem;text-align:center}.site-footer p{margin:.5rem 0;font-size:.85rem;color:var(--text-medium)}.site-footer a{color:var(--secondary-blue);text-decoration:none;transition:color .3s ease}.site-footer a:hover{color:var(--primary-blue);text-decoration:underline}