@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_0a80b4{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_0a80b4{--font-playfair:"Playfair Display","Playfair Display Fallback"}:root{--primary-blue:#1e3a8a;--primary-blue-light:#3b82f6;--primary-gold:#d4af37;--primary-gold-light:#fbbf24;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.15);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-gold:linear-gradient(135deg,#f093fb,#f5576c);--gradient-blue:linear-gradient(135deg,#4facfe,#00f2fe);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--font-inter:var(--font-inter),system-ui,-apple-system,sans-serif;--font-playfair:var(--font-playfair),Georgia,serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-inter);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#ffffff;line-height:1.6}.main-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow:hidden}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0,transparent 50%);z-index:0;animation:shimmer 15s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite;z-index:0}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#f093fb 0,#f5576c 100%);top:-200px;right:-200px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#4facfe 0,#00f2fe 100%);bottom:-250px;left:-250px;animation-delay:-4s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}}.certificate-generator{position:relative;z-index:1;width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-xl)}.generator-card{position:relative;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 8px 32px 0 rgba(31,38,135,.2),inset 0 1px 0 0 rgba(255,255,255,.3);transition:transform var(--transition-base)}.generator-card:hover{transform:translateY(-5px)}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-base);z-index:-1;filter:blur(20px)}.generator-card:hover .card-glow{opacity:.6}.title{font-family:var(--font-playfair);font-size:3rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out}.subtitle{text-align:center;font-size:1.125rem;color:rgba(255,255,255,.9);margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out .1s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out .2s backwards}.name-input{width:100%;padding:1rem 1.5rem;font-size:1.125rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);background:rgba(255,255,255,.2);color:#ffffff;font-family:var(--font-inter);transition:all var(--transition-base);outline:none}.name-input::placeholder{color:rgba(255,255,255,.6)}.name-input:focus{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.25);box-shadow:0 0 0 4px rgba(255,255,255,.1);transform:translateY(-2px)}.name-input:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);color:#fecaca;font-size:.875rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon,.generate-button{font-size:1.25rem}.generate-button{width:100%;padding:1.25rem 2rem;font-weight:600;font-family:var(--font-inter);color:#1e3a8a;background:linear-gradient(135deg,#ffffff,#e0e7ff);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 10px 30px rgba(0,0,0,.2);animation:fadeInUp .6s ease-out .3s backwards;position:relative;overflow:hidden}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.generate-button:hover:before{left:100%}.generate-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.generate-button:active{transform:translateY(-1px)}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-icon,.success-icon{font-size:1.5rem}.spinner{width:20px;height:20px;border:3px solid rgba(30,58,138,.3);border-top-color:#1e3a8a;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success-message{text-align:center;padding:var(--spacing-md);background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.4);border-radius:var(--radius-md);color:#bbf7d0;font-weight:500;animation:fadeInUp .4s ease-out}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);animation:fadeInUp .6s ease-out .4s backwards}.feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);transition:all var(--transition-base)}.feature:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}.feature-icon{font-size:2rem;flex-shrink:0}.feature-text h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.feature-text p{font-size:.875rem;color:rgba(255,255,255,.8)}.footer{position:relative;z-index:1;margin-top:0;text-align:center;color:rgba(255,255,255,.7);font-size:.875rem}.footer-link{color:#ffffff;text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-gold-light)}@media (max-width:768px){.title{font-size:2.25rem}.subtitle{font-size:1rem}.main-container{padding:var(--spacing-md)}.generator-card{padding:var(--spacing-lg)}.features{grid-template-columns:1fr}.orb-1,.orb-2{width:300px;height:300px}}@media (max-width:480px){.title{font-size:1.875rem}.generate-button,.name-input{font-size:1rem}.feature{flex-direction:column;text-align:center}}.qr-section{display:flex;justify-content:center;margin-top:var(--spacing-xl);animation:fadeInUp .6s ease-out .5s backwards}.qr-card{background:rgba(255,255,255,.95);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#1e3a8a;max-width:300px;width:100%}.qr-card h3{margin-bottom:var(--spacing-md);color:#1e3a8a}.qr-wrapper{background:white;padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:inline-block}.qr-card p{font-size:.875rem;color:#4b5563;font-weight:500}