.cc3{background:#373737;color:#fff;border-radius:24px;padding:32px;--accent:#ffd32c}.cc3-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 38px;grid-template-areas:'work bottom' 'controls bottom';align-items:start}.cc3-work{grid-area:work;min-width:0}.cc3 h3{margin:0 0 18px;font-size:24px}.cc3-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cc3-types button{border:1px solid #ffffff50;border-radius:9px;padding:12px 15px;font-size:14px;line-height:1.3;text-align:left;background:#4a4a4a;color:#fff;cursor:pointer}.cc3-types button.isActive{background:var(--accent);border-color:var(--accent);color:#202020;font-weight:700}.cc3 label{font-size:14px;font-weight:700}.cc3 select{height:50px;margin-top:8px;background:#fff;color:#202020}.cc3 #cc3RateNote{font-size:15px;font-weight:700;margin:12px 0 8px;color:var(--accent)}.cc3-explanation{font-size:12px;line-height:1.6;color:#d4d4d4;margin-block:10px}.cc3-controls{grid-area:controls;display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.cc3-stepper{display:flex;align-items:center;gap:8px;margin-top:8px}.cc3-stepper input[type=number]{width:100%;min-width:0;margin:0;padding:8px 2px;border:1px solid #ffffff50;background:#292929;color:#fff;height:48px;font-size:26px;font-weight:700;text-align:center;appearance:textfield}.cc3-stepper input::-webkit-inner-spin-button{appearance:none}.cc3-stepper button{flex:0 0 40px;height:48px;border:0;border-radius:8px;font-size:22px;background:#eee;color:#202020;cursor:pointer}.cc3-bottom{grid-area:bottom;align-self:stretch;padding:26px;background:#252525;border-radius:16px;border-top:4px solid #df2527;display:flex;flex-direction:column;min-width:0}.cc3-bottom>span{font-size:15px;color:#ddd}.cc3-bottom output{display:block;font-size:clamp(28px,2.5vw,44px);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:var(--accent);margin:14px 0 0}.cc3 #cc3Formula{font-size:14px;color:#ddd;margin-block:14px 22px}.cc3 .btn{margin-top:auto;font-size:14px;justify-content:center}.cc3-bottom .cc3-explanation{margin-bottom:24px}.cc3-warning{font-size:12px;padding:10px;background:#494949;border-radius:8px}.cc3 button:focus-visible,.cc3 input:focus-visible,.cc3 select:focus-visible,.cc3 a:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:1000px){.cc3{padding:24px}.cc3-card{gap:24px}.cc3-bottom{padding:22px}.cc3-bottom output{font-size:30px}.cc3-stepper{gap:5px}.cc3-stepper button{flex-basis:34px}}@media(max-width:800px){.cc3-card{grid-template-columns:1fr;grid-template-areas:'work' 'controls' 'bottom';gap:24px}.cc3-bottom output{font-size:36px}.cc3-bottom .btn{margin-top:10px}.cc3-controls{gap:18px}.cc3-types button{flex:1 1 calc(50% - 8px)}}@media(max-width:400px){.cc3{padding:18px}.cc3-controls{gap:12px}.cc3-stepper button{flex-basis:30px;height:44px}.cc3-stepper input[type=number]{height:44px;font-size:23px}.cc3 label{font-size:13px}.cc3-bottom{padding:18px}.cc3-bottom output{font-size:29px}.cc3-types button{font-size:13px;padding:12px 10px}}