.material-page,.material-page *{box-sizing:border-box}.material-page{background:linear-gradient(180deg,#f8f8ff,#f2f4ff 45%,#f7f7f7);padding:60px 0 80px;position:relative;overflow-x:hidden;overflow-y:visible;font-family:Inter,Segoe UI,Roboto,sans-serif;color:#1f2330}.material-page:before,.material-page:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;z-index:0;opacity:.8}.material-page:before{background:radial-gradient(circle,rgba(59,40,255,.12),transparent 70%)}.material-page:after{bottom:-110px;left:-40px;background:radial-gradient(circle,rgba(16,230,105,.15),transparent 75%)}.material-shell{position:relative;z-index:1}.material-hero{background:#fff;border-radius:28px;padding:48px 40px;margin-bottom:55px;box-shadow:0 30px 80px #20294014;text-align:center;position:relative;overflow:hidden}.material-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 0%,rgba(59,40,255,.08),transparent 50%),radial-gradient(circle at 90% 10%,rgba(16,230,105,.12),transparent 55%);z-index:-1}.material-eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.28em;color:#3b28ff;font-weight:600}.material-hero h1{font-size:2.5rem;margin:20px 0 10px;color:#111320}.material-hero p{color:#5b6178;max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.7}.material-highlight-group{margin-top:35px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.material-highlight{background:#f5f7ff;border-radius:16px;padding:14px 22px;min-width:170px;border:1px solid rgba(59,40,255,.15);text-align:left}.material-highlight strong{display:block;font-size:1.35rem;color:#3b28ff}.material-highlight span{font-size:.95rem;color:#5b6178}.material-section{margin-bottom:45px;background:#fff;padding:45px 40px;border-radius:26px;box-shadow:0 22px 65px #17213514;border:1px solid rgba(59,40,255,.05)}.section-title{font-size:1.9rem;color:#1f2330;margin-bottom:35px;text-align:center;position:relative}.section-title:after{content:"";display:block;width:110px;height:4px;border-radius:999px;background:linear-gradient(120deg,#3b28ff,#10e669);margin:16px auto 0}.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.material-card{background:linear-gradient(180deg,#fff,#fbfbff);padding:28px;border-radius:20px;border:1px solid #edf0fb;box-shadow:0 18px 40px #1117360f;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.material-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:radial-gradient(circle at top right,rgba(59,40,255,.08),transparent 60%);opacity:0;transition:opacity .35s ease}.material-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #1419351f}.material-card:hover:before{opacity:1}.material-card h3{color:#162034;font-size:1.35rem;margin-bottom:12px}.material-card p{color:#5b6178;margin-bottom:16px}.features{background:#f7f9ff;padding:18px;border-radius:14px;border:1px solid rgba(59,40,255,.08)}.features h4{font-size:1rem;color:#1f2330;margin-bottom:12px}.features ul{list-style:none;padding-left:0;margin:0}.features li{padding:6px 0 6px 22px;position:relative;color:#5b6178}.features li:before{content:"";position:absolute;left:0;top:11px;width:10px;height:10px;border-radius:50%;background:linear-gradient(120deg,#10e669,#3b28ff)}.quality-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#10e66924;color:#108c4e;font-weight:600;margin-top:18px;font-size:.9rem}.quality-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#10e669}#selected-materials{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1050;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:8px 12px;box-shadow:0 8px 32px #0f172a2e;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);flex-direction:column}.sample-slot{position:relative;display:inline-block;flex-shrink:0}.slot-placeholder{opacity:.35}.sample-remove-btn{position:absolute;top:-5px;right:-5px;font-size:16px;line-height:1;color:#000;cursor:pointer}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:25px}.color-card{border-radius:20px;border:1px solid #edf0fb;background:#fff;box-shadow:0 18px 40px #0f172a14;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.color-check-icon{position:absolute;bottom:10px;right:10px;font-size:1rem;color:#000;pointer-events:none}.color-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px #0f172a1f}.color-sample{height:100px;position:relative;background:#f1f3fb}.color-sample img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.color-info{padding:11px 12px 13px}.color-info h3{margin-bottom:8px;color:#162034}.color-info p{font-size:.95rem;color:#5b6178}.color-code{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;border-radius:10px;background:#f5f7ff;font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;color:#3b28ff}.material-cta{margin-top:65px;padding:50px;border-radius:26px;background:linear-gradient(120deg,#3b28ff,#6b5bff);color:#fff;text-align:center;box-shadow:0 35px 80px #21125e59}.material-cta h2{font-size:2rem;margin-bottom:15px}.material-cta p{max-width:640px;margin:0 auto;font-size:1.05rem}.cta-button{display:inline-flex;align-items:center;gap:10px;margin-top:25px;padding:14px 32px;border-radius:999px;color:#3b28ff;background:#fff;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.cta-button:hover{transform:translateY(-4px);box-shadow:0 20px 40px #ffffff40}@media (hover: none){.material-card:hover,.color-card:hover{transform:none}.color-card:hover{box-shadow:0 18px 40px #0f172a14}.material-card:hover{box-shadow:0 18px 40px #1117360f}}@media (max-width: 991px){.material-hero,.material-section{padding:32px 24px}.material-hero h1{font-size:2.1rem}}@media (max-width: 768px){.material-page{padding:40px 0 60px}.material-hero,.material-section{padding:28px 18px}.material-hero h1{font-size:1.85rem}.section-title{font-size:1.7rem}.material-highlight-group{flex-direction:column;align-items:stretch;gap:12px}.material-highlight{text-align:center;min-width:0}.material-grid{grid-template-columns:minmax(0,1fr);gap:22px}.color-grid{grid-template-columns:repeat(2,1fr);gap:22px}.material-card{padding:22px 18px}.color-sample{height:120px}.material-cta{padding:36px 24px}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.material-page{padding:32px 0 40px}.material-hero h1{font-size:1.6rem}.material-hero p{font-size:.95rem}.section-title{font-size:1.5rem}.material-grid,.color-grid{gap:18px}.material-highlight-group{gap:10px}}@media (max-width: 576px){#selected-materials{bottom:12px;padding:6px 10px}}