@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";.mattock-layout{font-family:Inter,Noto Sans JP,sans-serif;--primary: #1e3a8a;--primary-dark: #1e293b;--primary-light: #3b82f6;--secondary: #10b981;--secondary-dark: #059669;--secondary-light: #34d399;--accent: #f59e0b;--accent-light: #fbbf24}.mattock-layout .gradient-text{background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattock-layout .gradient-bg-primary{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.mattock-layout .gradient-bg-primary-dark{background:linear-gradient(135deg,#1e293b,#1e3a8a)}.mattock-layout .gradient-bg-secondary{background:linear-gradient(135deg,#059669,#34d399)}.mattock-layout .gradient-bg-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#fde68a)}.mattock-layout .grid-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:40px 40px;opacity:1}.mattock-layout .animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.mattock-layout .animate-on-scroll.visible{opacity:1;transform:translateY(0)}.mattock-layout .shadow-glow{box-shadow:0 0 40px #3b82f680}.mattock-layout .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.mattock-layout .scrollbar-hide::-webkit-scrollbar{display:none}.mattock-layout .drop-shadow-md{text-shadow:0 2px 4px rgba(0,0,0,.3)}.mattock-layout .drop-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.4)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mattock-layout .float-animation{animation:float 3s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mattock-layout .animate-bounce-slow{animation:bounce-slow 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.1)}}.mattock-layout .animate-fade-in{animation:fadeIn .8s ease-out}.mattock-layout .animate-fade-in-up{animation:fadeInUp .8s ease-out}.mattock-layout .animate-fade-in-down{animation:fadeInDown .8s ease-out}.mattock-layout .animate-float{animation:float 20s infinite ease-in-out}.mattock-layout .animate-pulse-slow{animation:pulse 2s infinite}.mattock-layout .text-primary{color:var(--primary)}.mattock-layout .text-secondary{color:var(--secondary)}.mattock-layout .bg-primary{background-color:var(--primary)}.mattock-layout .bg-secondary{background-color:var(--secondary)}.mattock-layout .border-primary{border-color:var(--primary)}.mattock-layout .logo-block{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;gap:10px}.mattock-layout .logo-block .logo-symbol{display:inline-block;transform:rotate(45deg);height:16px;width:16px;margin-right:0}.mattock-layout .gradient-bt-text{background:linear-gradient(135deg,#059669,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattock-layout .text-accent-light{--tw-text-opacity: 1;color:#fbbf24}.mattock-layout .bg-forum-bg{background-color:#f8fafc}.mattock-layout .bg-forum-card{background-color:#fff}.mattock-layout .bg-forum-border{border-color:#e2e8f0}.mattock-layout .bg-forum-tag{background-color:#dbeafe}.mattock-layout .bg-forum-expert{background-color:#fef3c7}.mattock-layout .bg-forum-beginner{background-color:#dcfce7}.mattock-layout .bg-forum-popular{background-color:#fce7f3}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.mattock-layout .animate-slide-in{animation:slideIn .5s ease-out}@keyframes highlight{0%{background-color:#fbbf24}to{background-color:#f8fafc}}.mattock-layout .animate-highlight{animation:highlight 2s ease-in-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.mattock-layout .animate-rotate{animation:rotate 30s linear infinite}.mattock-layout .animate-rotate-reverse{animation:rotate-reverse 40s linear infinite}@keyframes gentleFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-30px) scale(1.1)}}.mattock-layout .animate-gentle-float{animation:gentleFloat 20s infinite ease-in-out}.mattock-layout .bg-forum-expert{-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;color:#000;right:-100px;top:4px}.mattock-layout .phone-icon{filter:brightness(1000%)}@keyframes chatPulse{0%,to{box-shadow:0 0 #3b82f6b3;transform:scale(1)}50%{box-shadow:0 0 0 20px #3b82f600;transform:scale(1.05)}}.mattock-layout .chat-pulse{animation:chatPulse 2s infinite}.mattock-layout .floating-action button{cursor:pointer}