/* ================================================== NICE LIST CERTIFICATE FORM SECTION ================================================== */ .nice-cert-section{position:relative;padding:clamp(80px,8vw,115px) 20px clamp(120px,10vw,165px);background:transparent;color:#fff;overflow:hidden;}.nice-cert-container{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;}/* ================================================== Heading ================================================== */ .nice-cert-heading{position:relative;z-index:2;max-width:900px;margin:0 auto 64px;text-align:center;}.nice-cert-badge{display:inline-block;margin-bottom:14px;color:#f0c85a;font-size:12px;font-weight:800;line-height:1;letter-spacing:0.16em;text-transform:uppercase;}.nice-cert-title{margin:0;color:#fff3df !important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.7vw,58px);font-weight:400;line-height:1.12;letter-spacing:-0.025em;text-align:center;}.nice-cert-title em{color:#dcb45f;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;}.nice-cert-subtitle{max-width:660px;margin:18px auto 0;color:rgba(255,243,223,0.76);font-size:clamp(15px,1.15vw,18px);font-weight:500;line-height:1.65;}/* ================================================== Layout ================================================== */ .nice-cert-layout{display:grid;grid-template-columns:minmax(430px,500px) minmax(680px,860px);gap:clamp(42px,4.5vw,72px);align-items:stretch;justify-content:center;}/* ================================================== Form - Left Card ================================================== */ .nice-cert-form{position:relative;width:100%;min-height:clamp(500px,42vw,590px);height:100%;display:flex;border-radius:2rem;border:1px solid rgba(240,200,90,0.38);background:radial-gradient(circle at 18% 12%,rgba(240,200,90,0.14),transparent 32%),radial-gradient(circle at 90% 100%,rgba(219,72,45,0.18),transparent 36%),linear-gradient(180deg,rgba(112,22,31,0.96) 0%,rgba(47,6,13,0.99) 100%);box-shadow:0 28px 70px rgba(0,0,0,0.38),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.08);box-sizing:border-box;overflow:hidden;}.nice-cert-form::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.08),transparent 42%);opacity:0.75;}.nice-cert-form::after{content:"";position:absolute;inset:10px;border-radius:1.45rem;border:1px solid rgba(240,200,90,0.18);pointer-events:none;}.nice-cert-form-inner{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;justify-content:center;padding:2.8rem 2.5rem 2.6rem;}.nice-cert-form-kicker{display:inline-block;margin-bottom:10px;color:#f0c85a;font-size:11px;font-weight:900;line-height:1;letter-spacing:0.15em;text-transform:uppercase;}.nice-cert-form-title{margin:0 0 1.75rem;color:#fff3df;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.2vw,36px);font-weight:400;line-height:1.2;}.nice-cert-form label{display:block;margin-bottom:1.55rem;color:#f0c85a;font-size:1rem;font-weight:800;line-height:1.25;}.nice-cert-form input{width:100%;margin-top:0.75rem;padding:1.2rem 1.15rem;border-radius:1rem;border:1px solid rgba(240,200,90,0.24);background:rgba(24,4,8,0.72);color:#fff3df;font-size:1.02rem;font-weight:600;line-height:1.2;box-sizing:border-box;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.045),0 10px 24px rgba(0,0,0,0.18);transition:border-color 0.25s ease,box-shadow 0.25s ease,background-color 0.25s ease;}.nice-cert-form input:focus{border-color:rgba(240,200,90,0.75);background:rgba(31,5,9,0.94);box-shadow:0 0 0 3px rgba(240,200,90,0.14),0 13px 28px rgba(0,0,0,0.24);}.nice-cert-form input::placeholder{color:rgba(255,243,223,0.45);font-weight:600;}.nice-cert-form-note{margin:1.35rem 0 0;color:rgba(255,243,223,0.68);font-size:0.92rem;font-weight:500;line-height:1.55;}/* ================================================== Button ================================================== */ .nice-cert-download-btn{width:100%;min-height:60px;margin-top:0.6rem;padding:0 1.75rem;border:0;border-radius:999px;background:linear-gradient(180deg,#f9dd7c 0%,#e9bd47 100%);color:#2b1208;font-size:1rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 15px 36px rgba(248,200,71,0.26),inset 0 1px 0 rgba(255,255,255,0.42);transition:transform 0.3s ease,background 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;}.nice-cert-download-btn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffe891 0%,#f0c85a 100%);color:#2b1208;box-shadow:0 20px 46px rgba(248,200,71,0.33),inset 0 1px 0 rgba(255,255,255,0.5);}.nice-cert-download-btn:focus-visible{outline:3px solid rgba(255,255,255,0.78);outline-offset:4px;}.nice-cert-download-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none;}/* ================================================== Certificate Preview ================================================== */ .nice-cert-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;}.nice-cert-preview::before{content:"";position:absolute;width:min(78vw,850px);height:min(48vw,520px);top:47%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,200,90,0.24) 0%,rgba(180,58,46,0.13) 38%,transparent 72%);filter:blur(16px);opacity:0.95;pointer-events:none;z-index:0;}.nice-cert-paper{position:relative;z-index:2;width:100%;max-width:860px;aspect-ratio:1.5;overflow:hidden;padding:8px;border-radius:24px;background:linear-gradient(#f8edd9,#f8edd9) padding-box,linear-gradient(135deg,rgba(255,231,145,0.95),rgba(255,255,255,0.5),rgba(189,42,38,0.58),rgba(255,231,145,0.92)) border-box;border:1px solid transparent;box-shadow:0 38px 95px rgba(0,0,0,0.54),0 15px 38px rgba(240,200,90,0.15),0 0 44px rgba(240,200,90,0.08),0 0 0 1px rgba(255,255,255,0.08),inset 0 1px 0 rgba(255,255,255,0.38);transform:translateY(-4px);}.nice-cert-paper::before{content:"";position:absolute;inset:8px;border-radius:18px;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 1px rgba(240,200,90,0.34),inset 0 0 34px rgba(240,200,90,0.08);}.nice-cert-paper::after{content:"";position:absolute;inset:8px;z-index:3;pointer-events:none;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.18),transparent 28%,transparent 72%,rgba(240,200,90,0.09));}.nice-cert-bg{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:center;border-radius:18px;}/* ================================================== Text Under Certificate ================================================== */ .nice-cert-preview-text{position:relative;z-index:2;max-width:700px;margin-top:22px;text-align:center;}.nice-cert-preview-text span{display:inline-block;margin-bottom:10px;color:#f0c85a;font-size:12px;font-weight:900;line-height:1;letter-spacing:0.16em;text-transform:uppercase;}.nice-cert-preview-text p{margin:0 auto;color:rgba(255,243,223,0.82);font-size:clamp(15px,1.18vw,18px);font-weight:500;line-height:1.65;}/* ================================================== Dynamic Text On Certificate ================================================== */ .nice-cert-dynamic-text{position:absolute;top:73%;left:50%;z-index:6;width:78%;max-width:78%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:7px;color:#d7352a;font-family:"Comic Sans MS","Trebuchet MS",cursive;font-size:clamp(14px,1.55vw,26px);font-weight:700;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.nice-cert-name-output,.nice-cert-age-output{display:inline-block;min-width:0;}.nice-cert-name-output{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.nice-cert-age-output{max-width:28%;margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* ================================================== Responsive ================================================== */ @media (max-width:1280px){.nice-cert-container{max-width:1220px;}.nice-cert-layout{grid-template-columns:minmax(390px,460px) minmax(560px,760px);gap:40px;align-items:stretch;}.nice-cert-form{min-height:clamp(470px,40vw,540px);}.nice-cert-form-inner{padding:2.55rem 2.25rem 2.45rem;}.nice-cert-paper{max-width:760px;}}@media (max-width:1100px){.nice-cert-layout{grid-template-columns:1fr;gap:54px;}.nice-cert-form{max-width:620px;min-height:420px;height:auto;margin:0 auto;}.nice-cert-paper{max-width:880px;}.nice-cert-dynamic-text{font-size:clamp(15px,2.5vw,27px);}}@media (max-width:900px){.nice-cert-section{padding:65px 18px 100px;}.nice-cert-heading{margin-bottom:48px;}.nice-cert-title{font-size:clamp(31px,5vw,46px);}.nice-cert-layout{gap:46px;}.nice-cert-form{max-width:600px;min-height:420px;}.nice-cert-paper{max-width:760px;}.nice-cert-preview-text{max-width:620px;margin-top:24px;}.nice-cert-dynamic-text{width:80%;max-width:80%;font-size:clamp(14px,3.4vw,24px);}}@media (max-width:600px){.nice-cert-section{padding:55px 14px 85px;}.nice-cert-heading{margin-bottom:42px;}.nice-cert-title{font-size:clamp(28px,8vw,38px);line-height:1.13;}.nice-cert-subtitle{font-size:14px;line-height:1.55;}.nice-cert-form{max-width:100%;min-height:auto;border-radius:1.5rem;}.nice-cert-form::after{inset:8px;border-radius:1.1rem;}.nice-cert-form-inner{padding:2rem 1.45rem;}.nice-cert-form-title{font-size:26px;}.nice-cert-form label{margin-bottom:1.25rem;font-size:0.9rem;}.nice-cert-form input{padding:1rem;font-size:1rem;}.nice-cert-download-btn{min-height:52px;padding:0 1.25rem;font-size:0.95rem;}.nice-cert-form-note{font-size:0.85rem;}.nice-cert-paper{max-width:100%;padding:5px;border-radius:16px;}.nice-cert-paper::before{inset:5px;border-radius:12px;}.nice-cert-paper::after{inset:5px;border-radius:12px;}.nice-cert-bg{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:12px;}.nice-cert-preview-text{margin-top:20px;}.nice-cert-preview-text span{font-size:10px;letter-spacing:0.14em;}.nice-cert-preview-text p{font-size:14px;line-height:1.55;}.nice-cert-dynamic-text{top:73%;width:82%;max-width:82%;gap:5px;font-size:clamp(11px,3.8vw,17px);}}@media (max-width:420px){.nice-cert-title{font-size:clamp(26px,9vw,34px);}.nice-cert-form-inner{padding:1.65rem 1.2rem;}.nice-cert-dynamic-text{top:73%;width:84%;max-width:84%;font-size:clamp(10px,3.5vw,15px);}}