.claymorphism-container{background:linear-gradient(135deg,#fef3c7,#fed7aa 50%,#fecaca);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.claymorphism-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0,transparent 50%);pointer-events:none}.claymorphism-hero{padding:100px 40px 80px;text-align:center;position:relative;z-index:2}.claymorphism-title{font-size:clamp(3rem,8vw,7rem);font-weight:700;color:#1f2937;margin-bottom:30px;letter-spacing:-.02em;text-shadow:0 4px 8px rgba(31,41,55,.1)}.claymorphism-subtitle{font-size:clamp(1.2rem,3vw,2rem);color:#374151;font-weight:400;margin-bottom:50px;letter-spacing:.02em}.claymorphism-content{padding:40px 20px 80px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.clay-element{background:linear-gradient(145deg,#fef3c7,#fed7aa);border-radius:30px;padding:40px;margin:30px 0;box-shadow:20px 20px 60px rgba(120,53,15,.2),-20px -20px 60px rgba(255,255,255,.8),inset 5px 5px 15px rgba(255,255,255,.3),inset -5px -5px 15px rgba(120,53,15,.15);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.clay-element:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(145deg,#fff,rgba(255,255,255,.1));border-radius:32px;z-index:-1;opacity:0;transition:opacity .3s ease}.clay-element:hover:before{opacity:1}.clay-element:hover{transform:translateY(-8px);box-shadow:25px 25px 80px rgba(120,53,15,.25),-25px -25px 80px rgba(255,255,255,.9),inset 8px 8px 20px rgba(255,255,255,.4),inset -8px -8px 20px rgba(120,53,15,.2)}.clay-element-raised{background:linear-gradient(145deg,#fde68a,#f59e0b);box-shadow:15px 15px 40px rgba(245,158,11,.3),-15px -15px 40px rgba(255,255,255,.6),inset 3px 3px 10px rgba(255,255,255,.4),inset -3px -3px 10px rgba(245,158,11,.2)}.clay-element-raised:hover{box-shadow:20px 20px 60px rgba(245,158,11,.4),-20px -20px 60px rgba(255,255,255,.7),inset 5px 5px 15px rgba(255,255,255,.5),inset -5px -5px 15px rgba(245,158,11,.3)}.clay-element-pressed{background:linear-gradient(145deg,#dbeafe,#3b82f6);box-shadow:inset 15px 15px 30px rgba(59,130,246,.3),inset -15px -15px 30px rgba(255,255,255,.2),5px 5px 20px rgba(59,130,246,.2)}.clay-element-pressed:hover{box-shadow:inset 20px 20px 40px rgba(59,130,246,.4),inset -20px -20px 40px rgba(255,255,255,.3),8px 8px 25px rgba(59,130,246,.3)}.clay-element-soft{background:linear-gradient(145deg,#e0e7ff,#8b5cf6);box-shadow:12px 12px 35px rgba(139,92,246,.25),-12px -12px 35px rgba(255,255,255,.5),inset 2px 2px 8px rgba(255,255,255,.3),inset -2px -2px 8px rgba(139,92,246,.15)}.claymorphism-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:#1f2937;margin-bottom:25px;letter-spacing:-.01em}.claymorphism-text{font-size:1.1rem;line-height:1.7;color:#374151;font-weight:400;margin-bottom:20px}.claymorphism-button{background:linear-gradient(145deg,#10b981,#059669);border:none;border-radius:25px;padding:16px 32px;color:#ffffff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:8px 8px 25px rgba(5,150,105,.3),-8px -8px 25px rgba(255,255,255,.3),inset 2px 2px 6px rgba(255,255,255,.2),inset -2px -2px 6px rgba(5,150,105,.2);display:inline-flex;align-items:center;gap:10px;margin-top:20px}.claymorphism-button:hover{transform:translateY(-2px);box-shadow:12px 12px 35px rgba(5,150,105,.4),-12px -12px 35px rgba(255,255,255,.4),inset 3px 3px 8px rgba(255,255,255,.3),inset -3px -3px 8px rgba(5,150,105,.3)}.claymorphism-button:active{transform:translateY(0);box-shadow:inset 8px 8px 15px rgba(5,150,105,.3),inset -8px -8px 15px rgba(255,255,255,.2),4px 4px 15px rgba(5,150,105,.2)}.claymorphism-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin:60px 0}.claymorphism-feature{background:linear-gradient(145deg,#fef3c7,#fbbf24);border-radius:25px;padding:35px;text-align:center;transition:all .4s ease;box-shadow:15px 15px 40px rgba(251,191,36,.2),-15px -15px 40px rgba(255,255,255,.7),inset 3px 3px 10px rgba(255,255,255,.4),inset -3px -3px 10px rgba(251,191,36,.15);position:relative;overflow:hidden}.claymorphism-feature:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease}.claymorphism-feature:hover:after{width:200px;height:200px}.claymorphism-feature:hover{transform:translateY(-10px) scale(1.02);box-shadow:20px 20px 60px rgba(251,191,36,.3),-20px -20px 60px rgba(255,255,255,.8),inset 5px 5px 15px rgba(255,255,255,.5),inset -5px -5px 15px rgba(251,191,36,.2)}.claymorphism-icon{width:80px;height:80px;background:linear-gradient(145deg,#ffffff,#f3f4f6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2rem;box-shadow:8px 8px 20px rgba(0,0,0,.1),-8px -8px 20px rgba(255,255,255,1),inset 2px 2px 5px rgba(255,255,255,.6),inset -2px -2px 5px rgba(0,0,0,.05);transition:all .3s ease}.claymorphism-feature:hover .claymorphism-icon{transform:scale(1.1) rotate(5deg);box-shadow:12px 12px 30px rgba(0,0,0,.15),-12px -12px 30px rgba(255,255,255,1),inset 3px 3px 8px rgba(255,255,255,.7),inset -3px -3px 8px rgba(0,0,0,.08)}.claymorphism-highlight{background:linear-gradient(145deg,#ec4899,#be185d);color:#ffffff;padding:2px 8px;border-radius:8px;font-weight:600;display:inline-block;margin:0 2px;box-shadow:3px 3px 8px rgba(190,24,93,.3),-3px -3px 8px rgba(255,255,255,.3)}.floating-blob{position:absolute;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.1));box-shadow:10px 10px 30px rgba(0,0,0,.1),-10px -10px 30px rgba(255,255,255,.4);animation:float-blob 8s ease-in-out infinite;pointer-events:none}.floating-blob:first-child{width:100px;height:100px;top:15%;left:10%;animation-delay:0s}.floating-blob:nth-child(2){width:150px;height:150px;top:70%;right:15%;animation-delay:3s}.floating-blob:nth-child(3){width:80px;height:80px;bottom:20%;left:20%;animation-delay:6s}@keyframes float-blob{0%,to{transform:translateY(0) scale(1);opacity:.7}33%{transform:translateY(-30px) scale(1.1);opacity:.9}66%{transform:translateY(20px) scale(.9);opacity:.8}}@media (max-width:768px){.claymorphism-hero{padding:80px 20px 60px}.clay-element{padding:25px;margin:20px 0;border-radius:20px}.claymorphism-grid{grid-template-columns:1fr;gap:25px}.claymorphism-feature{padding:25px;border-radius:20px}.floating-blob{display:none}}@media (prefers-reduced-motion:reduce){.clay-element,.claymorphism-button,.claymorphism-feature,.claymorphism-icon{transition:none}.floating-blob{animation:none}}