@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Caveat:wght@500;700&display=swap";@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-journal{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;background:#f9fafb;overflow:hidden;font-family:EB Garamond,Georgia,serif;transition:background .4s ease}.hero-journal__blob{position:absolute;border-radius:50%;filter:blur(50px);transition:background .4s ease}.hero-journal__blob--top{width:650px;height:650px;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 60%);top:-15%;right:-8%}.hero-journal__blob--bottom{width:450px;height:450px;background:radial-gradient(circle,rgba(118,75,162,.08) 0,transparent 60%);bottom:0;left:2%}.hero-journal__noise{position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-journal__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;max-width:720px;animation:heroFadeInUp 1s ease-out}.hero-journal__avatar-wrapper{position:relative;margin-bottom:8px}.hero-journal__avatar-wrapper:before{content:"";position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.28) 0,rgba(118,75,162,.16) 42%,transparent 72%);filter:blur(24px);opacity:.45;transform:scale(.9);transition:all .35s ease;z-index:0;pointer-events:none}.hero-journal__avatar-wrapper:hover:before{opacity:1;filter:blur(42px);transform:scale(1.28)}.hero-journal__avatar-wrapper:hover .hero-journal__avatar-img{transform:scale(1.2);box-shadow:0 20px 58px rgba(102,126,234,.45)}.hero-journal__avatar-ring{position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(99,102,241,.25);animation:heroSpin 25s linear infinite;transition:border-color .4s ease;pointer-events:none}.hero-journal__avatar-img{position:relative;z-index:1;width:210px;height:210px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(102,126,234,.2);cursor:pointer;transition:all .3s ease}.hero-journal__avatar-img:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(102,126,234,.3)}.hero-journal__avatar-video{object-fit:cover;background:#0f172a}.hero-journal__avatar-placeholder{position:relative;width:210px;height:210px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);font-size:38px;color:#fff;font-weight:700;letter-spacing:2px;border:3px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(102,126,234,.2)}.hero-journal__avatar-edit,.hero-journal__avatar-placeholder{z-index:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hero-journal__avatar-edit{position:absolute;bottom:-4px;right:-4px;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #e5e7eb;font-size:14px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1)}.hero-journal__avatar-edit:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.hero-journal__avatar-sound{position:absolute;left:50%;bottom:-18px;width:auto;height:auto;border-radius:50%;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:hsla(0,0%,100%,.92);text-shadow:0 6px 16px rgba(15,23,42,.75);filter:drop-shadow(0 4px 10px rgba(15,23,42,.55));transition:all .3s ease;z-index:1;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px) scale(.9);padding:0;line-height:1}.hero-journal__avatar-sound:hover{transform:translateX(-50%) translateY(0) scale(1.15);color:#fff;text-shadow:0 8px 20px rgba(15,23,42,.9)}.hero-journal__avatar-wrapper:focus-within .hero-journal__avatar-sound,.hero-journal__avatar-wrapper:hover .hero-journal__avatar-sound{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}.hero-journal__title{margin-top:32px;line-height:1.3}.hero-journal__title-handwritten{font-family:Caveat,cursive;font-size:clamp(2.8rem,7vw,5rem);font-weight:700;display:block;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-journal__title-subtitle{font-family:EB Garamond,Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:400;color:#1f2937;transition:color .4s ease}.hero-journal__quote{margin-top:24px;font-size:20px;line-height:1.8;font-weight:700;color:#7c3aed;max-width:560px;font-family:Caveat,cursive;font-style:normal;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.25);padding:10px 18px;border-radius:16px;text-shadow:0 1px 0 hsla(0,0%,100%,.6);display:inline-block;transition:color .4s ease}.hero-journal__actions{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}.hero-journal__btn{padding:14px 36px;border-radius:40px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.5px;text-decoration:none;transition:all .3s ease;cursor:pointer}.hero-journal__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 20px rgba(102,126,234,.25)}.hero-journal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(102,126,234,.35);color:#fff}.hero-journal__btn--outline{background:rgba(0,0,0,0);color:#6366f1;border:1px solid rgba(99,102,241,.35)}.hero-journal__btn--outline:hover{border-color:rgba(99,102,241,.7);background:rgba(99,102,241,.06);color:#6366f1}.hero-journal__tags{display:flex;gap:12px;margin-top:48px;flex-wrap:wrap;justify-content:center}.hero-journal__tag{padding:8px 22px;border-radius:24px;border:1px solid rgba(99,102,241,.2);background:rgba(0,0,0,0);color:#6b7280;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:500;text-decoration:none;transition:all .3s ease}.hero-journal__tag:hover{border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.08);color:#4f46e5}.hero-journal__tag-group{position:relative}.hero-journal__tag--toggle{background:rgba(0,0,0,0)}.hero-journal__tag-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px);min-width:180px;background:#fff;border:1px solid rgba(99,102,241,.18);border-radius:14px;padding:8px;box-shadow:0 12px 30px rgba(17,24,39,.12);opacity:0;visibility:hidden;pointer-events:none;transition:all .2s ease;z-index:1}.hero-journal__tag-menu-item{display:block;padding:8px 12px;border-radius:10px;color:#4b5563;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .2s ease}.hero-journal__tag-menu-item:hover{background:rgba(99,102,241,.08);color:#4f46e5}.hero-journal__tag-group:focus-within .hero-journal__tag-menu,.hero-journal__tag-group:hover .hero-journal__tag-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.hero-journal__scroll{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:heroFloat 3s ease-in-out infinite}.hero-journal__scroll-text{font-size:10px;letter-spacing:3px;color:#d1d5db;text-transform:uppercase;font-family:Inter,sans-serif;transition:color .4s ease}.hero-journal__scroll-icon rect{stroke:#d1d5db;transition:stroke .4s ease}.hero-journal__scroll-icon circle{fill:#6366f1;transition:fill .4s ease}.hero-journal__zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:fadeIn .3s ease}.hero-journal__zoom-content{position:relative;max-width:90%;max-height:90vh}.hero-journal__zoom-close,.hero-journal__zoom-content{display:flex;align-items:center;justify-content:center}.hero-journal__zoom-close{position:absolute;top:-40px;right:0;background:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:28px;cursor:pointer;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s ease}.hero-journal__zoom-close:hover{transform:scale(1.2)}.hero-journal__zoom-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:50%;box-shadow:0 8px 32px rgba(0,0,0,.5);cursor:default}[data-bs-theme=dark] .hero-journal{background:#111827}[data-bs-theme=dark] .hero-journal__blob--top{background:radial-gradient(circle,rgba(102,126,234,.08) 0,transparent 60%)}[data-bs-theme=dark] .hero-journal__blob--bottom{background:radial-gradient(circle,rgba(118,75,162,.07) 0,transparent 60%)}[data-bs-theme=dark] .hero-journal__noise{opacity:.03}[data-bs-theme=dark] .hero-journal__avatar-ring{border-color:rgba(102,126,234,.35)}[data-bs-theme=dark] .hero-journal__avatar-img{border-color:hsla(0,0%,100%,.25);box-shadow:0 8px 32px rgba(102,126,234,.3)}[data-bs-theme=dark] .hero-journal__avatar-img:hover{box-shadow:0 12px 40px rgba(102,126,234,.4)}[data-bs-theme=dark] .hero-journal__avatar-wrapper:before{background:radial-gradient(circle,rgba(102,126,234,.34) 0,rgba(118,75,162,.2) 42%,transparent 72%)}[data-bs-theme=dark] .hero-journal__avatar-wrapper:hover .hero-journal__avatar-img{box-shadow:0 20px 58px rgba(102,126,234,.55)}[data-bs-theme=dark] .hero-journal__avatar-placeholder{border-color:hsla(0,0%,100%,.25);box-shadow:0 8px 32px rgba(102,126,234,.3)}[data-bs-theme=dark] .hero-journal__avatar-edit{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-bs-theme=dark] .hero-journal__avatar-edit:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}[data-bs-theme=dark] .hero-journal__avatar-sound{color:rgba(224,231,255,.96);text-shadow:0 8px 22px rgba(2,6,23,.95);filter:drop-shadow(0 5px 12px rgba(2,6,23,.75))}[data-bs-theme=dark] .hero-journal__avatar-sound:hover{color:#fff}[data-bs-theme=dark] .hero-journal__title-handwritten{background:linear-gradient(135deg,#818cf8,#a78bfa 50%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}[data-bs-theme=dark] .hero-journal__title-subtitle{color:#f9fafb}[data-bs-theme=dark] .hero-journal__quote{color:#c4b5fd;background:rgba(76,29,149,.35);border-color:rgba(196,181,253,.35);text-shadow:0 1px 0 rgba(0,0,0,.4)}[data-bs-theme=dark] .hero-journal__btn--primary{box-shadow:0 4px 20px rgba(99,102,241,.3)}[data-bs-theme=dark] .hero-journal__btn--primary:hover{box-shadow:0 8px 30px rgba(99,102,241,.4)}[data-bs-theme=dark] .hero-journal__btn--outline{color:#818cf8;border-color:rgba(129,140,248,.3)}[data-bs-theme=dark] .hero-journal__btn--outline:hover{border-color:rgba(129,140,248,.6);background:rgba(129,140,248,.08);color:#818cf8}[data-bs-theme=dark] .hero-journal__tag{border-color:rgba(129,140,248,.2);color:#6b7280}[data-bs-theme=dark] .hero-journal__tag:hover{border-color:rgba(129,140,248,.5);background:rgba(129,140,248,.1);color:#a5b4fc}[data-bs-theme=dark] .hero-journal__tag-menu{background:#0f172a;border-color:rgba(129,140,248,.25);box-shadow:0 12px 30px rgba(15,23,42,.45)}[data-bs-theme=dark] .hero-journal__tag-menu-item{color:#cbd5f5}[data-bs-theme=dark] .hero-journal__tag-menu-item:hover{background:rgba(129,140,248,.12);color:#e0e7ff}[data-bs-theme=dark] .hero-journal__scroll-text{color:#4b5563}[data-bs-theme=dark] .hero-journal__scroll-icon rect{stroke:#4b5563}[data-bs-theme=dark] .hero-journal__scroll-icon circle{fill:#818cf8}@media(prefers-color-scheme:dark){[data-bs-theme=auto] .hero-journal{background:#111827}[data-bs-theme=auto] .hero-journal__blob--top{background:radial-gradient(circle,rgba(102,126,234,.08) 0,transparent 60%)}[data-bs-theme=auto] .hero-journal__blob--bottom{background:radial-gradient(circle,rgba(118,75,162,.07) 0,transparent 60%)}[data-bs-theme=auto] .hero-journal__noise{opacity:.03}[data-bs-theme=auto] .hero-journal__avatar-ring{border-color:rgba(102,126,234,.35)}[data-bs-theme=auto] .hero-journal__avatar-img{border-color:hsla(0,0%,100%,.25);box-shadow:0 8px 32px rgba(102,126,234,.3)}[data-bs-theme=auto] .hero-journal__avatar-wrapper:before{background:radial-gradient(circle,rgba(102,126,234,.34) 0,rgba(118,75,162,.2) 42%,transparent 72%)}[data-bs-theme=auto] .hero-journal__avatar-wrapper:hover .hero-journal__avatar-img{box-shadow:0 20px 58px rgba(102,126,234,.55)}[data-bs-theme=auto] .hero-journal__avatar-placeholder{border-color:hsla(0,0%,100%,.25);box-shadow:0 8px 32px rgba(102,126,234,.3)}[data-bs-theme=auto] .hero-journal__avatar-edit{background:#1f2937;border-color:#374151}[data-bs-theme=auto] .hero-journal__avatar-sound{color:rgba(224,231,255,.96);text-shadow:0 8px 22px rgba(2,6,23,.95);filter:drop-shadow(0 5px 12px rgba(2,6,23,.75))}[data-bs-theme=auto] .hero-journal__title-handwritten{background:linear-gradient(135deg,#818cf8,#a78bfa 50%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}[data-bs-theme=auto] .hero-journal__title-subtitle{color:#f9fafb}[data-bs-theme=auto] .hero-journal__quote{color:#c4b5fd;background:rgba(76,29,149,.35);border-color:rgba(196,181,253,.35);text-shadow:0 1px 0 rgba(0,0,0,.4)}[data-bs-theme=auto] .hero-journal__btn--primary{box-shadow:0 4px 20px rgba(99,102,241,.3)}[data-bs-theme=auto] .hero-journal__btn--outline{color:#818cf8;border-color:rgba(129,140,248,.3)}[data-bs-theme=auto] .hero-journal__btn--outline:hover{border-color:rgba(129,140,248,.6);background:rgba(129,140,248,.08);color:#818cf8}[data-bs-theme=auto] .hero-journal__tag{border-color:rgba(129,140,248,.2);color:#6b7280}[data-bs-theme=auto] .hero-journal__tag:hover{border-color:rgba(129,140,248,.5);background:rgba(129,140,248,.1);color:#a5b4fc}[data-bs-theme=auto] .hero-journal__tag-menu{background:#0f172a;border-color:rgba(129,140,248,.25);box-shadow:0 12px 30px rgba(15,23,42,.45)}[data-bs-theme=auto] .hero-journal__tag-menu-item{color:#cbd5f5}[data-bs-theme=auto] .hero-journal__tag-menu-item:hover{background:rgba(129,140,248,.12);color:#e0e7ff}[data-bs-theme=auto] .hero-journal__scroll-text{color:#4b5563}[data-bs-theme=auto] .hero-journal__scroll-icon rect{stroke:#4b5563}[data-bs-theme=auto] .hero-journal__scroll-icon circle{fill:#818cf8}}@media(max-width:768px){.hero-journal{min-height:80vh}.hero-journal__content{padding:30px 20px}.hero-journal__avatar-img,.hero-journal__avatar-placeholder{width:90px;height:90px;font-size:32px}.hero-journal__avatar-ring{inset:-12px}.hero-journal__title{margin-top:24px}.hero-journal__quote{font-size:17px;max-width:100%}.hero-journal__actions{margin-top:32px}.hero-journal__btn{padding:12px 28px;font-size:13px}.hero-journal__tags{margin-top:36px;gap:8px}.hero-journal__tag{padding:6px 16px;font-size:11px;letter-spacing:2px}.hero-journal__scroll{margin-top:40px}.hero-journal__zoom-image{border-radius:12px}}@media(max-width:480px){.hero-journal__avatar-img,.hero-journal__avatar-placeholder{width:80px;height:80px;font-size:28px}.hero-journal__btn{padding:11px 24px;font-size:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}