:root{--color-surface-base: #e6e6e6;--color-surface-light: #f5f5f5;--color-surface-medium: #d1d1d1;--color-shadow-light: #ffffff;--color-shadow-dark: #c8c8c8;--color-text-primary: #4a4a4a;--color-text-secondary: #8a8a8a;--color-accent-blue: #b8c6e0;--color-accent-warm: #e0c6b8;--color-background: var(--color-surface-base);--color-card-elevated: var(--color-surface-light);--color-card-recessed: var(--color-surface-medium)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}body{font-family:"Nunito Sans",system-ui,-apple-system,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;color:#4a4a4a;background:#e6e6e6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.25rem,1.75rem + 2.5vw,3.5rem)}h2{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem)}h3{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem)}h4{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem)}p{margin-bottom:1rem;line-height:1.7}a{color:#b8c6e0;text-decoration:none;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}a:hover{color:rgb(148.5,169.5,208.5)}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem;line-height:1.6}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:focus-visible{outline:2px solid #b8c6e0;outline-offset:2px;border-radius:10px}::selection{background:#b8c6e0;color:#e6e6e6}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;border-radius:0;box-shadow:0 4px 20px rgba(200,200,200,.3);backdrop-filter:blur(10px)}@media(max-width: 768px){.nav-bar{box-shadow:0 2px 15px rgba(200,200,200,.2)}}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1.5rem 2rem}@media(max-width: 768px){.nav-container{padding:1rem 1.5rem}}@media(max-width: 480px){.nav-container{padding:1rem}}.nav-link{color:#4a4a4a;font-weight:600;font-size:clamp(.875rem,.85rem + .125vw,1rem);transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);padding:.75rem 1rem;border-radius:20px;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff}.nav-link:hover{color:#b8c6e0;transform:translateY(-1px);box-shadow:12px 12px 20px #c8c8c8,-12px -12px 20px #fff}.nav-link:active:active{transform:translateY(1px);box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff}@media(max-width: 480px){.nav-link{font-size:clamp(.75rem,.7rem + .25vw,.875rem);padding:.5rem .75rem}}.nav-title{font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:700;color:#4a4a4a;margin:0}@media(max-width: 768px){.nav-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}@media(max-width: 480px){.nav-title{font-size:clamp(.875rem,.85rem + .125vw,1rem)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:#e6e6e6;padding:4rem 2rem}@media(max-width: 768px){.hero{padding:3rem 1.5rem;min-height:80vh}}@media(max-width: 480px){.hero{padding:2rem 1rem;min-height:70vh}}.hero-content{text-align:center;max-width:800px;z-index:2}.hero-title{font-size:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);font-weight:700;color:#4a4a4a;margin-bottom:1rem;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;text-shadow:2px 2px 4px rgba(200,200,200,.3),-1px -1px 2px hsla(0,0%,100%,.8)}@media(max-width: 768px){.hero-title{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem)}}@media(max-width: 480px){.hero-title{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem)}}.hero-subtitle{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem);font-weight:600;color:#8a8a8a;margin-bottom:1.5rem;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif}@media(max-width: 768px){.hero-subtitle{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem)}}@media(max-width: 480px){.hero-subtitle{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}.hero-description{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);line-height:1.7;color:#8a8a8a;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.hero-description{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-bottom:2rem}}@media(max-width: 480px){.hero-description{font-size:clamp(.875rem,.85rem + .125vw,1rem);margin-bottom:1.5rem}}.hero-demo{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}@media(max-width: 480px){.hero-demo{gap:1rem}}.demo-button{padding:1.5rem 3rem;font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:600;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;color:#4a4a4a;border-radius:20px;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer;user-select:none}.demo-button.elevated{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff}.demo-button.elevated:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.demo-button.elevated:active:active{transform:translateY(1px);box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff}.demo-button.recessed{background:#e6e6e6;border-radius:20px;box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff}.demo-button.recessed:hover{box-shadow:inset 12px 12px 20px #c8c8c8,inset -12px -12px 20px #fff}.demo-button.recessed:active{box-shadow:inset 15px 15px 25px #c8c8c8,inset -15px -15px 25px #fff}@media(max-width: 768px){.demo-button{padding:1rem 2rem;font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}@media(max-width: 480px){.demo-button{padding:1rem 1.5rem;font-size:clamp(.875rem,.85rem + .125vw,1rem)}}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-blob{position:absolute;border-radius:50px;background:#e6e6e6;opacity:.6;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow:4px 4px 12px rgba(200,200,200,.2),-4px -4px 12px hsla(0,0%,100%,.4)}.floating-blob.blob-1{width:200px;height:200px;top:20%;left:10%;background:linear-gradient(135deg, #f5f5f5, #d1d1d1);animation:float-gentle 20s ease-in-out infinite}@media(max-width: 768px){.floating-blob.blob-1{width:150px;height:150px}}@media(max-width: 480px){.floating-blob.blob-1{width:100px;height:100px}}.floating-blob.blob-2{width:150px;height:150px;top:60%;right:15%;background:linear-gradient(45deg, #e0c6b8, #f5f5f5);animation:float-drift 25s ease-in-out infinite reverse}@media(max-width: 768px){.floating-blob.blob-2{width:120px;height:120px}}@media(max-width: 480px){.floating-blob.blob-2{width:80px;height:80px}}.floating-blob.blob-3{width:100px;height:100px;top:40%;right:5%;background:linear-gradient(90deg, #b8c6e0, #f5f5f5);animation:float-gentle 30s ease-in-out infinite}@media(max-width: 480px){.floating-blob.blob-3{width:60px;height:60px}}.floating-blob.blob-4{width:180px;height:180px;bottom:20%;left:5%;background:linear-gradient(180deg, #f5f5f5, #e0c6b8);animation:float-drift 22s ease-in-out infinite}@media(max-width: 768px){.floating-blob.blob-4{width:130px;height:130px}}@media(max-width: 480px){.floating-blob.blob-4{width:90px;height:90px}}.floating-blob.blob-5{width:120px;height:120px;top:10%;right:30%;background:linear-gradient(270deg, #d1d1d1, #b8c6e0);animation:float-gentle 18s ease-in-out infinite reverse}@media(max-width: 480px){.floating-blob.blob-5{width:70px;height:70px}}@keyframes float-gentle{0%,100%{transform:translate(0, 0) rotate(0deg)}25%{transform:translate(20px, -15px) rotate(3deg)}50%{transform:translate(-10px, -30px) rotate(-2deg)}75%{transform:translate(-25px, -10px) rotate(1deg)}}@keyframes float-drift{0%,100%{transform:translate(0, 0) rotate(0deg)}20%{transform:translate(-15px, 20px) rotate(-2deg)}40%{transform:translate(25px, 10px) rotate(3deg)}60%{transform:translate(10px, -25px) rotate(-1deg)}80%{transform:translate(-20px, -5px) rotate(2deg)}}@media(prefers-reduced-motion: reduce){.floating-blob{animation:none}}.content-panel{max-width:1200px;margin:0 auto 4rem;padding:4rem 2rem;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;position:relative;z-index:2;background:linear-gradient(145deg, #f5f5f5, #e6e6e6)}@media(max-width: 768px){.content-panel{margin-bottom:3rem;padding:3rem 1.5rem}}@media(max-width: 480px){.content-panel{margin-bottom:2rem;padding:2rem 1rem}}.section-title{text-align:center;font-size:clamp(1.75rem,1.5rem + 1.25vw,2.5rem);font-weight:700;color:#4a4a4a;margin-bottom:3rem;position:relative;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;text-shadow:1px 1px 2px rgba(200,200,200,.3),-1px -1px 2px hsla(0,0%,100%,.6)}.section-title::after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#b8c6e0;border-radius:50px;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;box-shadow:2px 2px 6px rgba(200,200,200,.2),-2px -2px 6px hsla(0,0%,100%,.8)}@media(max-width: 768px){.section-title{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem);margin-bottom:2rem}}@media(max-width: 480px){.section-title{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);margin-bottom:1.5rem}}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media(max-width: 768px){.philosophy-grid{gap:1.5rem;grid-template-columns:1fr}}@media(max-width: 480px){.philosophy-grid{gap:1rem}}.philosophy-card{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;text-align:center;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;background:linear-gradient(135deg, #e6e6e6, #f5f5f5)}.philosophy-card:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}@media(max-width: 480px){.philosophy-card{padding:1.5rem}}.philosophy-icon{font-size:3rem;margin-bottom:1.5rem;display:block}@media(max-width: 480px){.philosophy-icon{font-size:2.5rem;margin-bottom:1rem}}.philosophy-card h3{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem);font-weight:700;color:#4a4a4a;margin-bottom:1rem}@media(max-width: 480px){.philosophy-card h3{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem)}}.philosophy-card p{color:#8a8a8a;line-height:1.7;margin:0}.techniques-list{display:flex;flex-direction:column;gap:3rem}@media(max-width: 480px){.techniques-list{gap:2rem}}.technique-item{display:flex;align-items:flex-start;gap:2rem;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);background:linear-gradient(120deg, #e6e6e6, #f5f5f5)}.technique-item:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}@media(max-width: 768px){.technique-item{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width: 480px){.technique-item{padding:1.5rem;gap:1rem}}.technique-number{background:#e6e6e6;border-radius:20px;box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem);font-weight:700;color:#b8c6e0;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;flex-shrink:0}@media(max-width: 768px){.technique-number{width:60px;height:60px;font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem)}}@media(max-width: 480px){.technique-number{width:50px;height:50px;font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}.technique-content{flex:1}.technique-content h3{font-size:clamp(1.375rem,1.25rem + .625vw,1.75rem);font-weight:700;color:#4a4a4a;margin-bottom:1rem}@media(max-width: 480px){.technique-content h3{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem)}}.technique-content p{color:#8a8a8a;line-height:1.7;margin-bottom:1.5rem}.technique-demo{width:100px;height:40px;border-radius:20px;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);margin-top:1rem}@media(max-width: 480px){.technique-demo{width:80px;height:30px}}.technique-demo.shadow-demo{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff}.technique-demo.shadow-demo:hover{box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.technique-demo.palette-demo{background:linear-gradient(90deg, #d1d1d1, #f5f5f5, #b8c6e0);background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff}.technique-demo.interaction-demo{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;cursor:pointer}.technique-demo.interaction-demo:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.technique-demo.interaction-demo:active:active{transform:translateY(1px);box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff}.technique-demo.shapes-demo{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;border-radius:50px}.technique-demo.shapes-demo:hover{transform:scale(1.1);box-shadow:12px 12px 20px #c8c8c8,-12px -12px 20px #fff}.showcase-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}@media(max-width: 768px){.showcase-content{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}}@media(max-width: 480px){.showcase-content{grid-template-columns:1fr;gap:1rem}}.showcase-item{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;text-align:center;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);background:linear-gradient(135deg, #e6e6e6, #f5f5f5)}.showcase-item.full-width{grid-column:1/-1}.showcase-item:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.showcase-item h3{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:600;color:#4a4a4a;margin-bottom:1.5rem}@media(max-width: 480px){.showcase-item h3{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-bottom:1rem}}@media(max-width: 480px){.showcase-item{padding:1.5rem}}.neomorphic-btn{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:1.5rem 2rem;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:600;font-family:"Nunito","SF Pro Rounded",system-ui,sans-serif;color:#4a4a4a;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer}.neomorphic-btn.elevated:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.neomorphic-btn.elevated:active:active{transform:translateY(1px);box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff}@media(max-width: 480px){.neomorphic-btn{padding:1rem 1.5rem;font-size:clamp(.875rem,.85rem + .125vw,1rem)}}.neomorphic-input{background:#e6e6e6;border-radius:20px;box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff;padding:1.5rem 2rem;font-size:clamp(1rem,.95rem + .25vw,1.125rem);color:#4a4a4a;width:100%;max-width:300px;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.neomorphic-input::placeholder{color:#8a8a8a}.neomorphic-input:focus{outline:none;box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff,0 0 0 2px #b8c6e0}@media(max-width: 480px){.neomorphic-input{padding:1rem 1.5rem;font-size:clamp(.875rem,.85rem + .125vw,1rem)}}.neomorphic-toggle{display:inline-block;position:relative}.toggle-input{opacity:0;position:absolute}.toggle-input:checked+.toggle-label .toggle-slider{background:#b8c6e0}.toggle-input:checked+.toggle-label .toggle-slider::before{transform:translateX(30px);box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff}.toggle-label{display:block;width:70px;height:40px;background:#e6e6e6;border-radius:20px;box-shadow:inset 8px 8px 16px #c8c8c8,inset -8px -8px 16px #fff;border-radius:50px;cursor:pointer;position:relative;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#d1d1d1;border-radius:50px;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.toggle-slider::before{content:"";position:absolute;height:30px;width:30px;left:5px;top:5px;background:#e6e6e6;border-radius:50%;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.neomorphic-card{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;background:linear-gradient(135deg, #e6e6e6, #f5f5f5)}.neomorphic-card.interactive{cursor:pointer}.neomorphic-card.interactive:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.neomorphic-card.interactive:hover .card-accent{transform:scale(1.2);opacity:.8}.neomorphic-card h4{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:700;color:#4a4a4a;margin-bottom:1rem}@media(max-width: 480px){.neomorphic-card h4{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}.neomorphic-card p{color:#8a8a8a;line-height:1.7;margin:0}@media(max-width: 480px){.neomorphic-card{padding:1.5rem}}.card-content{position:relative;z-index:2}.card-accent{position:absolute;top:1.5rem;right:1.5rem;width:20px;height:20px;background:#e0c6b8;border-radius:50%;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:.6}@media(max-width: 480px){.card-accent{width:15px;height:15px;top:1rem;right:1rem}}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media(max-width: 768px){.elements-grid{gap:1.5rem}}@media(max-width: 480px){.elements-grid{grid-template-columns:1fr;gap:1rem}}.elements-column{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;background:linear-gradient(120deg, #e6e6e6, #f5f5f5)}.elements-column h3{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:700;color:#4a4a4a;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}@media(max-width: 480px){.elements-column h3{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-bottom:1rem}}.elements-column ul{list-style:none;padding:0;margin-bottom:2rem}.elements-column ul:last-child{margin-bottom:0}.elements-column li{color:#8a8a8a;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.elements-column li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#b8c6e0;border-radius:50%;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;box-shadow:1px 1px 3px rgba(200,200,200,.3),-1px -1px 3px hsla(0,0%,100%,.8)}@media(max-width: 480px){.elements-column{padding:1.5rem}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}@media(max-width: 768px){.tools-grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem}}@media(max-width: 480px){.tools-grid{grid-template-columns:1fr;gap:1rem}}.tool-category{background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;padding:2rem;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);background:linear-gradient(135deg, #e6e6e6, #f5f5f5)}.tool-category:hover:hover{transform:translateY(-2px);box-shadow:15px 15px 30px #c8c8c8,-15px -15px 30px #fff}.tool-category h3{font-size:clamp(1.125rem,1.05rem + .375vw,1.375rem);font-weight:700;color:#4a4a4a;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}@media(max-width: 480px){.tool-category h3{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-bottom:1rem}}.tool-category ul{list-style:none;padding:0;margin:0}.tool-category li{color:#8a8a8a;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.tool-category li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#e0c6b8;border-radius:50%;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;box-shadow:1px 1px 2px rgba(200,200,200,.2),-1px -1px 2px hsla(0,0%,100%,.6)}@media(max-width: 480px){.tool-category{padding:1.5rem}}.footer{margin-top:4rem;padding:3rem 2rem;background:#e6e6e6;border-radius:20px;box-shadow:8px 8px 16px #c8c8c8,-8px -8px 16px #fff;border-radius:0;position:relative;z-index:2;background:linear-gradient(180deg, #e6e6e6, #f5f5f5)}@media(max-width: 768px){.footer{padding:2rem 1.5rem;margin-top:3rem}}@media(max-width: 480px){.footer{padding:1.5rem 1rem;margin-top:2rem}}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-content p{color:#8a8a8a;font-size:clamp(.875rem,.85rem + .125vw,1rem);margin:0}@media(max-width: 480px){.footer-content p{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}}/*# sourceMappingURL=neumorphism.css.map */