.dnpc-wrap{background-repeat:no-repeat;justify-content:center;align-items:center;padding:48px 16px;display:flex;position:relative}.dnpc-wrap.dnpc-bg-warm{background-color:#f6f1ea;background-image:radial-gradient(circle at 15% 20%,#e8ba8e59 0%,#e8ba8e2e 20%,#e8ba8e14 35%,#0000 60%),radial-gradient(circle at 85% 75%,#dca06e59 0%,#dca06e26 25%,#0000 55%),radial-gradient(circle at 60% 10%,#ffd2aa40 0%,#0000 50%)}.dnpc-bg-cool{background-color:#eef3f8;background-image:radial-gradient(circle at 15% 20%,#8ebae859 0%,#0000 55%),radial-gradient(circle at 85% 75%,#6e96dc40 0%,#0000 55%)}.dnpc-wrap.dnpc-bg-warm:after,.dnpc-wrap.dnpc-bg-cool:after{content:"";pointer-events:none;mix-blend-mode:saturation;filter:blur(60px);background:radial-gradient(circle at 20% 25%,#ffc8964d,#0000 60%),radial-gradient(circle at 80% 70%,#ffaa6e40,#0000 60%);position:absolute;inset:0}.dnpc-card{z-index:1;width:100%;max-width:820px;font-family:var(--font-body,"Roboto Serif", serif);border-radius:12rem;padding:1rem 1.5rem 1rem 1rem;position:relative}.dnpc-card.dnpc-surface-glass{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffbf,#ffffff8c);border:1px solid #fff6;box-shadow:0 40px 80px #cea8841a,0 20px 40px #0000001a,0 0 120px #c6a97e40,inset 0 1px #fff9,-5px -5px 10px #fffce9}.dnpc-card.dnpc-surface-solid{background:#fff;border:1px solid #e9e4dc;box-shadow:0 30px 60px #00000014}.dnpc-content{justify-content:center;gap:32px;display:flex}.dnpc-img-wrap{aspect-ratio:1;border-radius:12rem;width:45vw;max-width:450px;position:relative;overflow:hidden}.dnpc-image{aspect-ratio:1;background-image:var(--dnpc-day);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;transition:background-image .4s,filter .4s}.dnpc-input{opacity:0;pointer-events:none;position:absolute}.dnpc-input:checked~.dnpc-image{background-image:var(--dnpc-night)}.dnpc-image.dnpc-filter-night{transition:background-image .4s,filter .5s}.dnpc-input:checked~.dnpc-image.dnpc-filter-night{filter:brightness(.55)contrast(1.12)saturate(.85)hue-rotate(210deg)}.dnpc-info{color:#5f5a55;flex-direction:column;justify-content:center;min-width:0;display:flex}.dnpc-brand{letter-spacing:.14em;text-transform:uppercase;padding-bottom:3rem;font-size:.85rem;display:block}.dnpc-title{letter-spacing:-.05em;font-size:2rem;font-weight:600;line-height:1;font-family:var(--font-heading,inherit);margin:0}.dnpc-price{color:var(--dnpc-accent,#c89b5e);margin:0;padding:2rem 0 0;font-size:1.3rem;font-weight:400}.dnpc-desc{max-width:320px;margin:0;padding:1rem 0 0;font-size:.9rem;font-weight:300;line-height:1.55}.dnpc-cta{letter-spacing:.08em;color:#fff;cursor:pointer;text-align:center;background:linear-gradient(145deg,#d8a45c,#b97a2f);border:none;border-radius:40px;max-width:220px;margin-top:1.25rem;padding:1rem 2rem;font-size:.95rem;text-decoration:none;transition:transform .3s,filter .3s,box-shadow .3s;display:inline-block;box-shadow:0 8px 20px #c99b5e59,0 0 25px #c99b5e26,inset 0 2px 6px #ffffff4d}.dnpc-cta:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 25px #b97a2f73,inset 0 2px 6px #ffffff4d}.dnpc-cta:active{transform:translateY(1px);box-shadow:0 5px 15px #b97a2f4d,inset 0 3px 6px #00000026}.dnpc-toggle{cursor:pointer;z-index:2;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dnpc-switch{background-color:#e2e2e2;border-radius:32px;align-items:center;width:60px;height:32px;padding:5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 2px 5px #0000001a}.dnpc-knob{z-index:2;background-color:#333;border-radius:50%;width:30px;height:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 10px #0003}.dnpc-icons{z-index:3;pointer-events:none;position:absolute;inset:0}.dnpc-icon{width:18px;height:18px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.dnpc-icon.sun{opacity:1;color:#fff;left:9px}.dnpc-icon.moon{opacity:0;color:#333;right:9px}.dnpc-input:checked~.dnpc-toggle .dnpc-switch{background-color:#222}.dnpc-input:checked~.dnpc-toggle .dnpc-knob{background-color:#fff;transform:translate(28px)}.dnpc-input:checked~.dnpc-toggle .dnpc-icon.sun{opacity:0}.dnpc-input:checked~.dnpc-toggle .dnpc-icon.moon{opacity:1}@media (max-width:768px){.dnpc-card{border-radius:5rem}.dnpc-img-wrap{border-radius:5rem;width:100%}.dnpc-content{flex-direction:column}.dnpc-cta{max-width:none}}