@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--background);background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.15) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1) 0%,transparent 30%);background-attachment:fixed}.error-container{max-width:600px;width:100%;text-align:center;background:var(--background-card);border-radius:16px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}.error-icon{color:var(--error);margin-bottom:30px;display:flex;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.error-title{font-size:32px;font-weight:700;color:var(--text-light);margin-bottom:16px;font-family:Poppins,sans-serif}.error-message{font-size:18px;color:var(--text-light);margin-bottom:12px;line-height:1.6;font-weight:500}.error-submessage{font-size:14px;color:#f3f4f6b3;margin-bottom:40px;line-height:1.6}.error-details{margin:30px 0;text-align:left;background:#0000004d;border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.1)}.error-details summary{cursor:pointer;color:var(--primary-light);font-weight:500;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:var(--primary)}.error-details-content{margin-top:12px;font-size:12px;color:#f3f4f6cc;line-height:1.6}.error-details-content pre{background:#00000080;padding:12px;border-radius:4px;overflow-x:auto;margin-top:8px;font-family:Courier New,monospace;font-size:11px}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.error-button{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;min-width:140px}.error-button-primary{background:var(--primary);color:#fff}.error-button-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.error-button-secondary{background:transparent;color:var(--text-light);border:2px solid rgba(255,255,255,.2)}.error-button-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.error-button:active{transform:translateY(0)}@media(max-width:768px){.error-container{padding:40px 24px}.error-title{font-size:24px}.error-message{font-size:16px}.error-submessage{font-size:13px}.error-actions{flex-direction:column}.error-button{width:100%}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recognised-section{width:100%;max-width:800px;margin:0 auto;position:relative;padding-top:40px}.recognised-section-icon{position:absolute;left:50%;transform:translate(-50%);top:-12px}.recognised-section-icon img{width:40px;height:40px}.recognised-section-title{padding:0 12px}.recognised-section-title h2{font-size:1.5rem;text-align:center;font-weight:500;color:#fff;margin:0}.recognised-section-title h2 span{font-weight:700;color:#00c1ff}.recognised-section-content{padding-top:24px;padding-left:12px;padding-right:12px}.recognised-section-subtitle{font-size:.75rem;color:#d3d8de;font-weight:300;font-style:italic;text-align:center;margin-bottom:8px}.recognised-section-subtitle img{display:inline-block;width:24px;height:11px;transform:scaleY(-1);vertical-align:middle}.recognised-section .mySwiper{width:100%}.recognised-card-grid{width:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.recognised-card-inner-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:16px}.recognition-card{padding:.5px;border-radius:8px;cursor:pointer;background-image:conic-gradient(from 180deg,#fdfdfd00 36%,#fff9 40%,#fbfbfb93 61%,#fdfdfd0b 65%);transition:transform .2s ease}.recognition-card:hover{transform:scale(1.05)}@media(min-width:640px){.recognition-card{border-radius:12px}}.recognition-card-content{padding:16px 8px;border-radius:8px;background-color:#102941;background-image:radial-gradient(circle,#fff9,#ffffff80 25%,#ffffff6e 40%,#ffffff5c 49%,#ffffff4d 59%,#ffffff2e 88%,#ffffff21);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}@media(min-width:640px){.recognition-card-content{border-radius:12px}}.recognition-card-content.btn--glow{box-shadow:0 0 20px #00c1ff80;animation:glow 1.1s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 20px #00c1ff80}50%{box-shadow:0 0 30px #00c1ffcc}}.recognition-card-company-image{margin:0 auto;width:auto;height:40px;filter:drop-shadow(0px .5px 0px #424447) drop-shadow(0px 1px 0px #424447) drop-shadow(0px 1.5px 0px #424447) drop-shadow(0px 2px 0px #424447)}.recognition-card-company-image.small{height:28px}.recognition-card-company-image.medium{height:32px}.recognition-card-title{font-size:.75rem;font-weight:600;text-align:center;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:#fff}.recognition-card-profile{margin-top:6px}.recognition-card-profile img{width:24px;height:24px;border-radius:50%;border:1px solid white;margin:0 auto;display:block}.roles-section{margin-top:32px;padding-left:12px;padding-right:12px;padding-bottom:28px}.roles-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.roles-section-divider{flex:1;border-bottom:1px solid #D5EDFF}.roles-section-title{font-size:.875rem;font-weight:600;color:#d5edff;margin:0}.role-card{border-radius:8px;padding:5px;background-color:#224064;min-height:87px;display:flex;justify-content:space-between;align-items:center}.role-card-content{flex:1}.role-card-company{font-size:.875rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-align:left}.role-card-role{font-size:.625rem;color:#b0c1cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;text-align:left}.role-card-salary{margin-top:8px;font-size:.625rem;display:flex;align-items:center;gap:4px;color:#83beff;text-align:left}.role-card-logo{max-height:30px;max-width:45px;opacity:.6;object-fit:contain;object-position:center;width:auto;height:auto;filter:saturate(0%) brightness(500%) contrast(0%)}@media(min-width:768px){.role-card-logo{max-width:100px;max-height:40px}}.green-checkmark{display:flex;align-items:center;justify-content:center;flex-shrink:0}.stand-out-section{margin-top:24px;padding:0 12px}.stand-out-header{padding:12px;border-radius:8px;background-color:#1f293780;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 6px #0000001a}.stand-out-header h2{font-size:1rem;font-weight:500;margin:0;color:#fff}.stand-out-highlight{color:#00c1ff}.stand-out-chevron{color:#fff;font-size:.75rem}.stand-out-content{margin-top:12px;display:flex;flex-direction:column;gap:8px}.stand-out-card{background-color:#1f293726;border-radius:8px;padding:12px}.stand-out-card-inner{display:flex;gap:8px}.stand-out-card-inner h3{font-size:.875rem;margin:0 0 12px;color:#fff}.stand-out-images{display:flex;align-items:center;gap:6px;margin-top:12px}.stand-out-images img{height:48px;width:auto}.stand-out-brand-images{display:flex;align-items:center;gap:8px;margin-top:8px}.land-job-offer{margin-top:24px;padding:0 12px}.land-job-offer-open{margin-bottom:16px}.land-job-offer-header{padding:12px;border-radius:8px;background-color:#1f293780;display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a}.land-job-offer-header h4{font-size:1rem;font-weight:500;flex:1;margin:0;color:#fff}.land-job-offer-highlight{color:#00c1ff}.land-job-offer-chevron{color:#fff;font-size:.75rem}.land-job-offer-content{width:100%;margin-top:8px;position:relative}.land-job-offer-swiper{width:100%}.land-job-offer-slide{padding:12px;border-radius:12px;background-color:#1f293726;display:flex;gap:20px;align-items:center}.land-job-offer-slide>div{flex:1;min-width:0}.land-job-offer-slide img{width:140px;height:96px;object-fit:contain;flex-shrink:0}.land-job-offer-slide h4{font-size:.875rem;font-weight:500;margin:0 0 10px;color:#fff}.land-job-offer-check{color:#10b981;font-size:1rem}.land-job-offer-slide p{margin-top:10px;font-size:.75rem;color:#ffffffb3}.swiper-dots-3{margin-top:8px;display:flex;justify-content:center;gap:6px}.swiper-dots-3 span{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;cursor:pointer}.swiper-dots-3 span.swiper-pagination-bullet-active{background-color:#00c1ff}.how-different{margin-top:24px;padding:0 12px}.how-different-header{padding:12px;border-radius:8px;background-color:#1f293780;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 6px #0000001a}.how-different-header h2{font-size:1rem;font-weight:500;margin:0;color:#fff}.how-different-highlight{color:#00c1ff}.how-different-chevron{color:#fff;font-size:.75rem}.how-different-content{display:flex;flex-direction:column;gap:8px;margin-top:12px}.how-different-point{background-color:#1f293726;padding:8px 12px;display:flex;gap:12px;align-items:center;font-size:.875rem;border-radius:8px}.how-different-point p{margin:0;color:#fff}.our-certificate-helpcard{margin-top:24px;padding:0 16px 28px}.certificate-helpcard-swiper{width:100%}.certificate-helpcard-item{text-align:center;padding:20px;background-color:#1f2937;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.certificate-helpcard-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.certificate-helpcard-item img{width:80px;height:80px;object-fit:contain;margin-bottom:16px;filter:brightness(0) invert(1)}.certificate-helpcard-item h3{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:#00c1ff}.certificate-helpcard-item p{font-size:.875rem;margin:0;color:#fff;line-height:1.4}.displays-section-title{font-size:24px;font-weight:500;text-align:center;margin-bottom:24px;color:#fff}.displays-section-title span{font-size:28px;font-weight:700;color:#00c1ff}@media(max-width:450px){.certificate-helpcard-item h3{font-size:1.5rem}.certificate-helpcard-item p{font-size:.8rem}.displays-section-title{font-size:20px}.displays-section-title span{font-size:24px}}@media(max-width:320px){.recognition-card-company-image{height:28px}}@media(min-width:321px)and (max-width:360px){.recognition-card-company-image{height:32px}}@media(max-width:480px){.land-job-offer-slide{gap:12px;padding:10px}.land-job-offer-slide img{width:100px;height:68px;max-width:100px}.land-job-offer-slide h4{font-size:.8rem}.land-job-offer-slide p{font-size:.7rem}}@media(max-width:360px){.land-job-offer-slide{flex-direction:column;align-items:flex-start;gap:12px}.land-job-offer-slide img{width:100%;max-width:120px;height:auto;align-self:center}.land-job-offer-slide>div{width:100%}}.join-us-section{margin-top:36px;padding:0 16px}.join-us-title{font-size:1.5rem;font-weight:500;text-align:center;color:#fff;margin:0;line-height:1.4}.join-us-title-highlight{font-weight:700;color:#00c1ff}@media(min-width:768px){.join-us-title{font-size:2rem}}.join-us-review-box{margin-top:16px;background-color:#fff;border-radius:12px;padding:12px 18px;display:flex;gap:8px;align-items:flex-start;box-shadow:0 4px 6px #0000001a}.join-us-review-content{color:#395c7e;flex:1}.join-us-review-rating{display:flex;align-items:center;gap:4px;line-height:100%;margin-bottom:4px}.join-us-review-rating-text{font-size:.75rem}.join-us-review-rating-number{font-size:.875rem;font-weight:700}.join-us-review-rating-link{text-decoration:underline;text-underline-offset:1px}.join-us-review-stars{display:flex;align-items:center;gap:2px}.join-us-review-stars img{width:16px;height:16px}.join-us-review-stars-empty{margin-bottom:-2px;margin-left:-2px}.join-us-review-stars-empty img{width:20px;height:20px}.join-us-review-subtitle{margin-top:4px;font-size:.625rem;font-weight:500;line-height:100%;color:#395c7e}.join-us-social-cards{display:flex;align-items:center;gap:8px;margin-top:16px}.join-us-social-card{flex:1;padding:12px;border-radius:12px;text-align:center;background:linear-gradient(to bottom,#2e5ca4,#244779,#22426d)}.join-us-social-card-icon{height:24px;width:auto;margin:0 auto;display:block}.join-us-social-card-stats{margin-top:12px;font-size:1.5rem;font-weight:700;color:#00c1ff;line-height:1}.join-us-social-card-platform{margin-top:8px;font-size:.875rem;font-weight:600;color:#fff}.join-us-social-card-label{margin-top:4px;font-size:.75rem;color:#ffffff80}.join-us-verified{margin-top:8px;padding:12px;display:flex;gap:8px;align-items:center;justify-content:center}.join-us-verified-text{font-size:.75rem;color:#ffffff80}.join-us-verified-logo{height:24px;width:auto}.join-us-verified-divider{font-size:.875rem;font-weight:500;color:#fff}.join-us-email{display:flex;align-items:center;gap:4px;justify-content:center;text-decoration:underline;padding:12px 0;font-size:.75rem;color:#00c1ff;text-underline-offset:2px}.join-us-email:hover{color:#83beff}.join-us-email-icon{width:16px;height:16px}.new-award-section{margin-top:36px;margin-left:-16px;width:calc(100% + 32px);background-color:#0d2436;padding-top:40px;background-image:linear-gradient(to bottom,#000,#0000)}@media(min-width:768px){.new-award-section{border-radius:12px}}.new-award-section-inner{position:relative}.new-award-section-header{padding:0 22px}.new-award-section-title{font-size:32px;text-align:center;line-height:120%;margin:0;color:#fff;font-weight:600}@media(min-width:768px){.new-award-section-title{font-size:40px}}.new-award-section-bold{font-weight:700}.new-award-section-recognised{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:4px}.new-award-section-recognised p{font-weight:500;color:#fff;line-height:100%;margin:-2px 0 0;font-size:.875rem}.new-award-section-google-logo{width:73px;height:auto}.three-d-slider-caption{padding:0 8px;height:56px;margin-top:32px;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.three-d-slider-caption{height:64px}}.three-d-slider-caption-text{font-size:.875rem;color:#fff;font-weight:500;text-align:center;transition:opacity .3s ease}@media(min-width:768px){.three-d-slider-caption-text{font-size:1rem}}.caption-highlight{color:#00c1ff;font-weight:700}.fade-in{animation:fadeIn .3s ease-in}.fade-out{animation:fadeOut .15s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.three-d-slider-container,.three-d-swiper{width:100%}.three-d-slide-image{border-radius:16px;width:100%;height:auto;object-fit:cover;box-shadow:0 -10px 12px #4285f44d;max-height:290px}@media(min-width:768px){.three-d-slide-image{border-radius:24px;max-height:400px}}.new-award-section-divider{z-index:20;bottom:-8%;position:absolute;width:100%;height:auto}.new-award-section-featured{padding:0 22px 40px}.new-award-section-featured-title{position:relative;z-index:20;font-size:1.25rem;color:#fff;font-weight:500;text-align:center;margin-top:8px;margin-bottom:0}@media(min-width:768px){.new-award-section-featured-title{font-size:1.5rem}}@media(min-width:768px){.new-award-section-featured-title{margin-top:-8px}}.new-award-section-featured-content{margin-top:16px;overflow-y:visible}.new-award-section-featured-image{display:flex;align-items:center;justify-content:center;gap:26px;transition:opacity .5s ease}.new-award-section-featured-image img{width:100%;height:auto;max-width:100%;object-fit:contain}header{padding:10px 0;display:flex;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.main-content{padding:60px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero{text-align:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,var(--primary-light),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.hero p{font-size:1.1rem;color:#fffc;margin-bottom:25px}.hero-wrapper{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:80px;width:100%;max-width:1100px;position:relative;z-index:10}.hero-text{flex:1;text-align:left;max-width:550px}.hero-text h1{font-size:3.2rem;font-weight:800;margin-bottom:25px;background:linear-gradient(120deg,var(--primary-light),#fff,var(--success));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.hero-text p{font-size:1.2rem;color:#ffffffd9;margin-bottom:35px;line-height:1.7;font-weight:300}.hero-animation{flex:1;position:relative;height:400px;display:flex;align-items:center;justify-content:center;perspective:1200px}.resume-layer{position:absolute;transition:all .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 20px 40px #0006;border-radius:12px;background:#fff;overflow:hidden}.resume-layer img{display:block;width:100%;height:auto;object-fit:cover}.layer-1{z-index:1;width:240px;opacity:0;transform-origin:bottom left;filter:grayscale(100%) brightness(.9);border:1px solid rgba(255,255,255,.2);animation:fanLoop 8s cubic-bezier(.22,1,.36,1) infinite}@keyframes fanLoop{0%{opacity:0;transform:translate(-150px) translateY(100px) rotate(-45deg) scale(.8)}15%{opacity:.5;transform:translate(-90px) translateY(30px) rotate(-12deg) scale(.9)}85%{opacity:.5;transform:translate(-90px) translateY(30px) rotate(-12deg) scale(.9)}95%,to{opacity:0;transform:translate(-90px) translateY(50px) rotate(-12deg) scale(.85)}}.layer-arrow{z-index:20;background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 25px #10b98166;border:1px solid rgba(255,255,255,.2);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--success);cursor:pointer;pointer-events:auto;transition:all .3s ease;opacity:0;animation:arrowLoop 8s cubic-bezier(.34,1.56,.64,1) infinite}.layer-arrow:hover{background:var(--success);color:#fff;transform:scale(1.15)!important;box-shadow:0 0 20px #10b981cc;animation-play-state:paused}.arrow-icon svg{width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(16,185,129,.5))}@keyframes arrowLoop{0%,30%{opacity:0;transform:scale(0)}35%{opacity:1;transform:scale(1);box-shadow:0 10px 25px #10b98166}40%,80%{transform:scale(1);box-shadow:0 10px 25px #10b98166}45%,55%,65%,75%{transform:scale(1.05);box-shadow:0 0 30px #10b98199}50%,60%,70%{transform:scale(1);box-shadow:0 10px 25px #10b98166}85%,to{opacity:0;transform:scale(.5)}}.layer-3{z-index:10;width:260px;border:4px solid var(--success);box-shadow:0 25px 50px #00000080;opacity:0;transform:translate(30px) translateY(50px) scale(.95);animation:slideLoop 8s cubic-bezier(.22,1,.36,1) infinite}@keyframes slideLoop{0%,15%{opacity:0;transform:translate(30px) translateY(50px) scale(.95)}25%{opacity:1;transform:translate(70px) translateY(0) rotate(6deg) scale(1.05)}35%,55%,75%{transform:translate(70px) rotate(6deg) translateY(-8px) scale(1.05)}45%,65%{transform:translate(70px) rotate(6deg) translateY(0) scale(1.05)}85%{opacity:1;transform:translate(70px) translateY(0) rotate(6deg) scale(1.05)}95%,to{opacity:0;transform:translate(70px) translateY(-50px) rotate(6deg) scale(1)}}.resume-label{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;white-space:nowrap}.score-badge{position:absolute;top:-15px;right:-15px;background:linear-gradient(135deg,var(--success),#34D399);color:#fff;font-weight:800;padding:8px 16px;border-radius:30px;box-shadow:0 4px 15px #10b98180;transform:rotate(12deg);font-size:1rem;z-index:20;border:2px solid rgba(255,255,255,.2)}@keyframes pulseArrow{0%,to{transform:scale(1);box-shadow:0 10px 25px #10b98166}50%{transform:scale(1.1);box-shadow:0 0 30px #10b98199}}@keyframes floatResume{0%,to{transform:translate(70px) rotate(6deg) translateY(0) scale(1.05)}50%{transform:translate(70px) rotate(6deg) translateY(-15px) scale(1.05)}}@media(max-width:1024px){.main-content{padding-top:10px;padding-bottom:20px}.hero-wrapper{flex-direction:column;text-align:center;gap:15px;margin-top:0;margin-bottom:0}.hero-text{text-align:center;max-width:100%;padding:0 10px}.hero-text h1{font-size:2.1rem;margin-bottom:15px}.hero-text p{font-size:1rem;margin-bottom:20px}.hero-animation{width:100%;height:300px;transform:scale(.8);margin-bottom:0}.card-spacer{height:140px;width:100%}}.card{background-color:var(--background-card);border-radius:16px;padding:40px;box-shadow:0 10px 30px #0003;width:100%;max-width:600px;margin:0 auto;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.card h2{font-size:1.5rem;margin-bottom:20px;color:var(--text-light);text-align:center;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-light)}.input-field{width:100%;padding:14px 16px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-light);font-size:1rem;transition:all .3s ease;font-family:Poppins,sans-serif}.input-field:focus{outline:none;border-color:var(--primary);background-color:#ffffff26;box-shadow:0 0 0 2px #4f46e54d}.input-field::placeholder{color:#ffffff80}.input-field:disabled{background-color:#ffffff0d;border-color:#ffffff1a;color:#fff6;cursor:not-allowed;opacity:.6}.file-input-container{position:relative;margin-bottom:20px}.file-input-label{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 16px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.file-input-label:hover{background-color:#ffffff26;border-color:var(--primary-light)}.file-input-label i{margin-right:10px;color:var(--primary-light)}.file-input{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.divider{display:flex;align-items:center;text-align:center;margin:30px 0;color:#fff9}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider:before{margin-right:15px}.divider:after{margin-left:15px}.feature-tag{display:inline-flex;align-items:center;font-size:.8rem;padding:5px 10px;border-radius:20px;margin-left:10px;font-weight:600}.tag-free{background-color:#10b98133;color:var(--success)}.tag-premium{background-color:#f59e0b33;color:var(--warning)}.btn{display:inline-block;padding:16px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:center;width:100%;font-family:Poppins,sans-serif;margin-bottom:10px;box-shadow:0 4px 6px #0000001a}.btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px #4f46e566}.btn-secondary{background-color:transparent;border:1px solid var(--primary);color:var(--primary-light)}.btn-secondary:hover{background-color:#4f46e51a}.btn-green{background-color:var(--success)}.btn-green:hover{background-color:#0ea271;box-shadow:0 6px 12px #10b98166}#response{margin-top:30px;padding:30px;background-color:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 8px 20px #0000001a;animation:fadeIn .5s ease-out}#response h3{margin-bottom:15px;color:var(--error);font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:10px}#response p{font-size:1.2rem;margin-bottom:30px;line-height:1.6;color:var(--text-light)}.button-label{display:block;text-align:center;font-size:.9rem;margin-top:8px;color:#ffffffb3;font-weight:500;letter-spacing:.3px}.highlight{color:var(--primary-light);font-weight:700;text-shadow:0 0 10px rgba(129,140,248,.3)}.button-container{display:flex;justify-content:space-between;margin-top:25px;gap:20px}.button-item{display:flex;flex-direction:column;align-items:center;flex:1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#111827e6;z-index:999;display:flex;justify-content:center;align-items:center}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background-card);padding:40px;border-radius:16px;box-shadow:0 15px 35px #0000004d;border:1px solid rgba(255,255,255,.1);width:350px}.loader-icon{font-size:50px;color:var(--primary-light);margin-bottom:20px;animation:pulse 2s infinite}.loader-text{font-size:1.2rem;color:var(--text-light);margin-top:20px;font-weight:500;text-align:center}.progress-bar-loading{width:100%;height:6px;background-color:#ffffff1a;border-radius:3px;margin-top:15px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:3px;width:0%;animation:progress 30s linear forwards}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes progress{0%{width:0%}30%{width:30%}60%{width:60%}to{width:100%}}.typewriter{--blue: #4F46E5;--blue-dark: #3730A3;--key: #fff;--paper: #EEF0FD;--text: #D3D4EC;--tool: #10B981;--duration: 3s;position:relative;-webkit-animation:bounce05 var(--duration) linear infinite;animation:bounce05 var(--duration) linear infinite;margin:0 auto 10px}.typewriter .slide{width:92px;height:20px;border-radius:3px;margin-left:14px;transform:translate(14px);background:linear-gradient(var(--blue),var(--blue-dark));-webkit-animation:slide05 var(--duration) ease infinite;animation:slide05 var(--duration) ease infinite}.typewriter .slide:before,.typewriter .slide:after,.typewriter .slide i:before{content:"";position:absolute;background:var(--tool)}.typewriter .slide:before{width:2px;height:8px;top:6px;left:100%}.typewriter .slide:after{left:94px;top:3px;height:14px;width:6px;border-radius:3px}.typewriter .slide i{display:block;position:absolute;right:100%;width:6px;height:4px;top:4px;background:var(--tool)}.typewriter .slide i:before{right:100%;top:-2px;width:4px;border-radius:2px;height:14px}.typewriter .paper{position:absolute;left:24px;top:-26px;width:40px;height:46px;border-radius:5px;background:var(--paper);transform:translateY(46px);-webkit-animation:paper05 var(--duration) linear infinite;animation:paper05 var(--duration) linear infinite}.typewriter .paper:before{content:"";position:absolute;left:6px;right:6px;top:7px;border-radius:2px;height:4px;transform:scaleY(.8);background:var(--text);box-shadow:0 12px 0 var(--text),0 24px 0 var(--text),0 36px 0 var(--text)}.typewriter .keyboard{width:120px;height:56px;margin-top:-10px;z-index:1;position:relative}.typewriter .keyboard:before,.typewriter .keyboard:after{content:"";position:absolute}.typewriter .keyboard:before{inset:0;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));transform:perspective(10px) rotateX(2deg);transform-origin:50% 100%}.typewriter .keyboard:after{left:2px;top:25px;width:11px;height:4px;border-radius:2px;box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key);-webkit-animation:keyboard05 var(--duration) linear infinite;animation:keyboard05 var(--duration) linear infinite}@keyframes bounce05{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-4px)}95%{transform:translateY(2px)}}@keyframes slide05{5%{transform:translate(14px)}15%,30%{transform:translate(6px)}40%,55%{transform:translate(0)}65%,70%{transform:translate(-4px)}80%,89%{transform:translate(-12px)}to{transform:translate(14px)}}@keyframes paper05{5%{transform:translateY(46px)}20%,30%{transform:translateY(34px)}40%,55%{transform:translateY(22px)}65%,70%{transform:translateY(10px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(46px)}}@keyframes keyboard05{5%,12%,21%,30%,39%,48%,57%,66%,75%,84%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}9%{box-shadow:15px 2px 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}18%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 2px 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}27%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 12px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}36%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 12px 0 var(--key),60px 12px 0 var(--key),68px 12px 0 var(--key),83px 10px 0 var(--key)}45%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 2px 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}54%{box-shadow:15px 0 0 var(--key),30px 2px 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}63%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 12px 0 var(--key)}72%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 2px 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}81%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 12px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}}.payment-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInModal .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.plan-price{font-size:2.5rem;font-weight:800;color:var(--success);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.plan-price span{font-size:1rem;color:#fff9}.original-price{font-size:1.6rem;color:#ffffff59;text-decoration:line-through;font-weight:600}.launch-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:600;display:inline-block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b66}50%{transform:scale(1.05);box-shadow:0 0 0 5px #f59e0b00}}.plan-duration{font-size:.9rem;color:#fff9;margin-bottom:20px}.pay-now-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #4f46e54d;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.pay-now-btn i{font-size:.9rem}.pricing-card form{width:100%;margin-top:20px}.pricing-card form .razorpay-payment-button{background:linear-gradient(135deg,var(--primary),var(--primary-light))!important;color:#fff!important;border:none!important;padding:14px 28px!important;font-size:1rem!important;border-radius:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;width:100%!important;box-shadow:0 4px 12px #4f46e54d!important;font-family:Poppins,sans-serif!important}.pricing-card form .razorpay-payment-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #4f46e566!important}footer{padding:30px 0;text-align:center;color:#fff9;border-top:1px solid rgba(255,255,255,.1);margin-top:60px;margin-bottom:80px}.sticky-get-started-btn{position:fixed;bottom:0;left:0;right:0;width:100%;padding:18px 20px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:0;font-weight:600;cursor:pointer;transition:transform .3s ease;font-size:1.1rem;text-align:center;font-family:Poppins,sans-serif;box-shadow:0 -4px 20px #0003;z-index:990;margin:0}.sticky-get-started-btn:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.sticky-get-started-btn:active{background:var(--primary-dark)}@media(max-width:768px){.sticky-get-started-btn{padding:16px 20px;font-size:1rem;min-width:unset;bottom:0;right:0;border-radius:0}footer{margin-bottom:0}}@media(max-width:768px){.main-content{padding:30px 0}.hero{margin-bottom:25px}.hero h1{font-size:1.8rem;margin-bottom:15px}.hero p{font-size:.95rem;margin-bottom:20px}.card{padding:25px 20px}.card h2{font-size:1.3rem;margin-bottom:15px}.form-group{margin-bottom:15px}.divider{margin:20px 0}.pricing-cards{grid-template-columns:1fr;gap:20px}.modal-content{width:95%;margin:3% auto;max-height:92vh}.modal-header{padding:45px 20px 18px}.modal-header h2{font-size:1.4rem;margin-bottom:6px}.modal-header p{font-size:.85rem}.close-modal{right:12px;top:12px;width:38px;height:38px;font-size:26px}.modal-body{padding:20px 18px}.pricing-card{padding:20px 16px}.plan-name{font-size:1.25rem;margin-bottom:10px}.plan-price{font-size:2rem;margin-bottom:6px;gap:8px}.plan-price span{font-size:.9rem}.original-price{font-size:1.4rem}.launch-badge{font-size:.65rem;padding:4px 10px;margin-bottom:6px}.plan-duration{font-size:.85rem;margin-bottom:16px}.plan-features{margin:16px 0}.plan-features li{padding:6px 0;font-size:.85rem}.plan-features li i{font-size:.9rem}.recommended-badge{padding:3px 10px;font-size:.65rem;margin-bottom:8px}.pricing-card form .razorpay-payment-button{padding:12px 24px!important;font-size:.95rem!important}}@media(max-width:480px){.main-content{padding:20px 0}.hero{margin-bottom:20px}.hero h1{font-size:1.5rem;margin-bottom:12px}.hero p{font-size:.9rem;margin-bottom:15px}.card{padding:20px 15px}.card h2{font-size:1.2rem;margin-bottom:12px}.btn{padding:12px 20px;font-size:.95rem}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:6px}.input-field{padding:12px 14px;font-size:.95rem}.divider{margin:15px 0;font-size:.9rem}.button-label{font-size:.85rem}#response{padding:20px 15px;margin-top:20px}#response h3{font-size:1.2rem;margin-bottom:12px}#response p{font-size:1rem;margin-bottom:20px}.button-container{gap:15px;margin-top:20px}.modal-content{margin:2% auto;max-height:95vh}.modal-header{padding:40px 15px 15px}.modal-header h2{font-size:1.2rem;margin-bottom:5px}.modal-header p{font-size:.8rem}.close-modal{right:10px;top:10px;width:34px;height:34px;font-size:22px}.modal-body{padding:15px 12px}.pricing-cards{gap:15px}.pricing-card{padding:18px 12px}.plan-name{font-size:1.15rem;margin-bottom:8px}.plan-price{font-size:1.8rem;flex-direction:column;gap:4px;margin-bottom:5px}.original-price{font-size:1.2rem}.plan-price span{font-size:.85rem}.plan-duration{font-size:.8rem;margin-bottom:14px}.plan-features{margin:14px 0}.plan-features li{padding:5px 0;font-size:.8rem}.plan-features li i{font-size:.85rem}.launch-badge,.recommended-badge{font-size:.6rem;padding:3px 8px}.pricing-card form .razorpay-payment-button{padding:10px 20px!important;font-size:.9rem!important}}.loader{position:relative;width:240px;height:130px;margin-bottom:10px;border:1px solid #d3d3d3;padding:15px;background-color:#e3e3e3;overflow:hidden}.loader:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(110deg,#e3e3e300 0% 40%,#e3e3e380 50%,#e3e3e300 60% 100%);animation:gradient-animation_2 1.2s linear infinite}.loader .wrapper{width:100%;height:100%;position:relative}.loader .wrapper>div{background-color:#cacaca}.loader .circle{width:50px;height:50px;border-radius:50%}.loader .button{display:inline-block;height:32px;width:75px}.loader .line-1{position:absolute;top:11px;left:58px;height:10px;width:100px}.loader .line-2{position:absolute;top:34px;left:58px;height:10px;width:150px}.loader .line-3{position:absolute;top:57px;left:0;height:10px;width:100%}.loader .line-4{position:absolute;top:80px;left:0;height:10px;width:92%}@keyframes gradient-animation_2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.🤚{--skin-color: #E4C560;--tap-speed: .6s;--tap-stagger: .1s;position:relative;width:80px;height:60px;margin:0 auto}.🤚:before{content:"";display:block;width:180%;height:75%;position:absolute;top:70%;right:20%;background-color:#000;border-radius:40px 10px;filter:blur(10px);opacity:.3}.🌴{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--skin-color);border-radius:10px 40px}.👍{position:absolute;width:120%;height:38px;background-color:var(--skin-color);bottom:-18%;right:1%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-20deg);border-radius:30px 20px 20px 10px;border-bottom:2px solid rgba(0,0,0,.1);border-left:2px solid rgba(0,0,0,.1)}.👍:after{width:20%;height:60%;content:"";background-color:#ffffff4d;position:absolute;bottom:-8%;left:5px;border-radius:60% 10% 10% 30%;border-right:2px solid rgba(0,0,0,.05)}.👉{position:absolute;width:80%;height:35px;background-color:var(--skin-color);bottom:32%;right:64%;transform-origin:100% 20px;animation-duration:calc(var(--tap-speed) * 2);animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform:rotate(10deg)}.👉:before{content:"";position:absolute;width:140%;height:30px;background-color:var(--skin-color);bottom:8%;right:65%;transform-origin:calc(100% - 20px) 20px;transform:rotate(-60deg);border-radius:20px}.👉:nth-child(1){animation-delay:0;filter:brightness(70%);animation-name:tap-upper-1}.👉:nth-child(2){animation-delay:var(--tap-stagger);filter:brightness(80%);animation-name:tap-upper-2}.👉:nth-child(3){animation-delay:calc(var(--tap-stagger) * 2);filter:brightness(90%);animation-name:tap-upper-3}.👉:nth-child(4){animation-delay:calc(var(--tap-stagger) * 3);filter:brightness(100%);animation-name:tap-upper-4}@keyframes tap-upper-1{0%,50%,to{transform:rotate(10deg) scale(.4)}40%{transform:rotate(50deg) scale(.4)}}@keyframes tap-upper-2{0%,50%,to{transform:rotate(10deg) scale(.6)}40%{transform:rotate(50deg) scale(.6)}}@keyframes tap-upper-3{0%,50%,to{transform:rotate(10deg) scale(.8)}40%{transform:rotate(50deg) scale(.8)}}@keyframes tap-upper-4{0%,50%,to{transform:rotate(10deg) scale(1)}40%{transform:rotate(50deg) scale(1)}}.flaws-clickable{cursor:pointer;text-decoration:underline;transition:color .3s ease}.flaws-clickable:hover{color:var(--primary-light)!important;text-shadow:0 0 8px rgba(79,70,229,.3)}.flaws-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.flaws-modal{background-color:#1e293b;border-radius:16px;width:100%;max-width:650px;max-height:85vh;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.flaws-modal-header{background-color:#1e293bfa;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.flaws-modal-header h3{color:var(--error);margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:12px}.flaws-modal-close{background:transparent;border:none;color:#fff9;font-size:1.8rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.flaws-modal-close:hover{color:#fff;background-color:#ffffff1a}.flaws-modal-body{padding:25px;flex:1;overflow-y:auto}.flaws-modal-description{color:#e2e8f0;margin-bottom:25px;font-size:1rem;line-height:1.5}.flaws-list{display:flex;flex-direction:column;gap:16px}.flaw-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#ffffff0d;border-radius:12px;border-left:4px solid var(--error);transition:background-color .2s ease}.flaw-item:hover{background-color:#ffffff14}.flaw-number{flex-shrink:0;width:28px;height:28px;background-color:var(--error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;margin-top:2px}.flaw-content{flex-grow:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.flaw-text{color:#f1f5f9;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:block;margin:0;padding:0;text-align:left;overflow-wrap:break-word}.no-flaws{text-align:center;color:#ffffff80;padding:30px}.flaws-modal-footer{padding:20px 25px;background-color:#1e293bfa;border-top:1px solid rgba(255,255,255,.1)}.flaws-modal-action-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:14px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:transform .2s ease}.flaws-modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4f46e566}@media(max-width:768px){.flaws-modal{margin:15px;max-height:85vh;width:95%}.flaws-modal-header{padding:15px 20px}.flaws-modal-header h3{font-size:1.15rem}.flaws-modal-body{padding:15px 20px}.flaw-item{padding:14px;gap:12px}.flaw-number{width:24px;height:24px;font-size:.75rem}.flaw-text{font-size:.9rem}}.payment-modal{display:flex!important;position:fixed!important;z-index:10000!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background-color:#000c!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 0;align-items:flex-start;justify-content:center;visibility:visible!important;opacity:1!important}.pricing-card{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:visible;display:flex;flex-direction:column}.recommended-badge{background:var(--success);color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:600;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px;align-self:center}.launch-badge{background:linear-gradient(135deg,var(--warning),#f97316);color:#fff;padding:6px 15px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;animation:flash 2s infinite;align-self:center}.plan-features{list-style:none;padding:0;margin:20px 0 auto;text-align:left}.payment-action{margin-top:20px;width:100%}.pay-now-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:14px 20px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d;background:linear-gradient(135deg,var(--primary-light),var(--primary))}.pay-now-btn:active{transform:translateY(0)}#root{max-width:100%!important;padding:0!important;margin:0!important;text-align:left!important}.container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 20px!important;box-sizing:border-box!important}.main-content{padding:20px 0 60px;width:100%;max-width:100%}.progress-section{background-color:var(--background-card);border-radius:16px;padding:25px 30px;margin-bottom:40px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);text-align:center;width:100%;box-sizing:border-box}.progress-bar{position:absolute;top:50%;left:0;height:4px;width:65%;background:linear-gradient(90deg,var(--primary),var(--success));transform:translateY(-50%);border-radius:2px;z-index:2;margin-top:0!important}.page-title p{font-size:1.1rem;color:#fffc;max-width:700px;margin:0 auto}.templates-card{background-color:var(--background-card);border-radius:16px;padding:30px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);margin-bottom:40px;width:100%;box-sizing:border-box}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px;width:100%}.template-item{background-color:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;cursor:pointer;min-width:0;max-width:100%}.template-item:hover{transform:translateY(-5px);border-color:var(--primary-light);box-shadow:0 10px 20px #0003}.template-item form{margin:0;padding:0;display:block;width:100%;height:100%}.template-preview{width:100%;height:320px;object-fit:cover;transition:transform .3s ease;cursor:pointer;display:block}.template-item:hover .template-preview{transform:scale(1.03)}.template-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000c,#0000);padding:20px 15px 15px;color:#fff;font-weight:600;font-size:1.1rem;text-align:center}.template-item.premium:before{content:"Premium";position:absolute;top:10px;right:10px;background-color:var(--warning);color:#fff;padding:5px 10px;border-radius:20px;font-size:.7rem;font-weight:600;z-index:5}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-container{background-color:var(--background-card);border-radius:16px;padding:0;width:95%;max-width:500px;box-shadow:0 15px 40px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.modal-header{background-color:#ffffff0d;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.3rem;font-weight:600;color:var(--text-light);margin:0}.modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:color .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{color:#fff;background-color:#ffffff1a}.modal-body{padding:25px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-light);font-size:.95rem}.form-control{width:100%;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-light);font-size:1rem;transition:all .3s ease;font-family:Poppins,sans-serif}.form-control:focus{outline:none;border-color:var(--primary);background-color:#ffffff1a;box-shadow:0 0 0 2px #4f46e54d}.upload-box{border:2px dashed rgba(255,255,255,.2);padding:30px 20px;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px;position:relative}.upload-box:hover{border-color:var(--primary-light);background-color:#ffffff0d}.upload-icon{font-size:2.5rem;color:var(--primary-light);margin-bottom:15px}.upload-text{color:#fffc;margin-bottom:5px}.upload-subtext{color:#ffffff80;font-size:.85rem}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-name{margin-top:10px;font-size:.9rem;color:var(--primary-light);display:none}.submit-btn{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.page-title h1{font-size:1.8rem}.template-preview{height:280px}.progress-step{width:50px;height:50px;font-size:1.1rem}}@media(max-width:480px){.templates-grid{grid-template-columns:1fr;gap:15px}.page-title h1{font-size:1.5rem}.progress-step{width:40px;height:40px;font-size:.9rem}.template-preview{height:220px}}.engagement-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#111827f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;padding:20px}.engagement-loader-content{text-align:center;max-width:500px;width:100%}.loader-spinner{width:60px;height:60px;margin:0 auto 30px;border:4px solid rgba(79,70,229,.3);border-radius:50%;border-top-color:#4f46e5;animation:spin 1s ease-in-out infinite}.loader-text{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin-bottom:15px;min-height:3.6rem;animation:fadeIn .5s ease-in-out}.loader-subtext{font-size:1rem;color:#fff9}.logo-container-comparison{display:flex;align-items:center;padding:8px 15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.clickable-flaws{cursor:pointer;text-decoration:underline}.high-level-flaws-list{list-style:none;padding:0;margin:20px 0}.high-level-flaws-list li{position:relative;padding-left:20px;margin-bottom:12px;color:#ffffffe6;font-size:1rem}.high-level-flaws-list li:before{content:"•";position:absolute;left:0;color:var(--primary-light)}.progress-section-comparison{background-color:var(--background-card);border-radius:16px;padding:25px 30px;margin:0 auto 40px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);text-align:center;align-self:center;justify-content:center;max-width:1200px}.progress-tracker-comparison{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto 20px;position:relative}.progress-tracker-comparison:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background-color:#ffffff1a;transform:translateY(-50%);border-radius:2px;z-index:1}.progress-tracker-comparison .progress-bar{position:absolute;top:50%;left:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--success));transform:translateY(-50%);border-radius:2px;z-index:2}.progress-tracker-comparison .progress-step{width:60px;height:60px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;position:relative;z-index:3;transition:all .3s ease;border:3px solid rgba(255,255,255,.2)}.progress-tracker-comparison .progress-step.active{background-color:var(--primary);border-color:var(--primary-light);box-shadow:0 0 0 5px #4f46e54d}.progress-tracker-comparison .progress-step.completed{background-color:var(--success);border-color:var(--success)}.flaw-content.active{padding:20px;max-height:1000px}.flaw-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.flaw-item-title{font-weight:500;margin-bottom:8px;color:var(--error)}.flaw-item-suggestion{color:#fffc;font-size:.95rem}.comparison-inner-container{width:100%;max-width:100%}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px;align-items:start}.pdf-container{background-color:var(--background-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);height:75vh;display:flex;flex-direction:column;transition:transform .3s ease;position:relative;min-width:400px;min-height:0}.pdf-header{background-color:#ffffff0d;padding:15px;text-align:center;font-weight:600;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.pdf-controls{background-color:#ffffff08;padding:10px 15px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.pdf-canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background-color:#0000004d;padding:20px}.control-btn:hover{background-color:#fff3}canvas{box-shadow:0 5px 15px #0000004d;background-color:#fff;border-radius:4px;display:block;max-width:100%;height:auto}@media(max-width:1200px){.improvements-box,.problems-box{height:auto!important;min-height:200px}}.improvements-list,.problems-list{list-style-type:none}.improvements-list li:before,.problems-list li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0}.probable-roles-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.role-card{background-color:var(--background-card);border-radius:12px;padding:20px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;text-align:center}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary)}.pdf-error{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#1f2937e6;padding:25px;border-radius:12px;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(239,68,68,.3);max-width:80%}@media(max-width:1200px){.comparison-section{width:100%;padding:0 15px;margin-left:0;margin-right:0}.comparison-inner-container{padding:0;max-width:100%}.comparison-container{display:flex;flex-direction:column;gap:25px;align-items:center}.pdf-container{height:60vh;margin-bottom:0;width:100%;max-width:100%}.probable-roles-container{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--background-card);margin:20px auto;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:850px;box-shadow:0 20px 60px #00000080;animation:slideDown .3s ease;overflow:visible;position:relative;min-height:auto}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,#4f46e51a,#10b9811a);padding:50px 30px 25px;text-align:center;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:var(--text-light);font-size:1.8rem;margin-bottom:8px;font-weight:700}.modal-header p{color:#ffffffb3;font-size:.95rem}.close-modal{position:absolute;right:15px;top:15px;color:var(--text-light);font-size:32px;font-weight:700;cursor:pointer;background:#ef444433;border:2px solid var(--error);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1}.close-modal:hover{background:var(--error);color:#fff;transform:rotate(90deg) scale(1.1)}.modal-body{padding:30px 25px;max-height:none;overflow:visible}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing-card{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:visible}.pricing-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:12px 12px 0 0}.pricing-card:hover{transform:translateY(-5px);border-color:#4f46e54d;box-shadow:0 10px 30px #4f46e533}.pricing-card.recommended{border-color:#10b9814d;background:linear-gradient(135deg,#10b9810d,#111827e6)}.pricing-card.recommended:before{height:4px;background:linear-gradient(90deg,var(--success),#0ea271)}.recommended-badge{background:var(--success);color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:600;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.plan-name{font-size:1.4rem;font-weight:700;color:var(--text-light);margin-bottom:12px}.plan-price{font-size:3rem;font-weight:800;color:var(--success);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:15px}.plan-price span{font-size:1.2rem;color:#fff9}.original-price{font-size:2rem;color:#fff6;text-decoration:line-through;font-weight:600}.launch-badge{background:linear-gradient(135deg,var(--warning),#f97316);color:#fff;padding:6px 15px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;animation:flash 2s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.8}}.plan-duration{font-size:1rem;color:#ffffffb3;margin-bottom:25px}.plan-features{list-style:none;padding:0;margin:20px 0;text-align:left}.plan-features li{padding:8px 0;color:#ffffffbf;display:flex;align-items:center;gap:10px;font-size:.9rem}.plan-features li i{color:var(--success);font-size:1rem;min-width:16px}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr;gap:20px}.modal-content{width:95%;margin:3% auto;max-height:92vh}.modal-header{padding:45px 20px 18px}.modal-header h2{font-size:1.4rem;margin-bottom:6px}.modal-header p{font-size:.85rem}.close-modal{right:12px;top:12px;width:38px;height:38px;font-size:26px}.modal-body{padding:20px 18px}.pricing-card{padding:20px 16px}.plan-name{font-size:1.25rem;margin-bottom:10px}.plan-price{font-size:2rem;margin-bottom:6px;gap:8px}.plan-price span{font-size:.9rem}.original-price{font-size:1.4rem}.launch-badge{font-size:.65rem;padding:4px 10px;margin-bottom:6px}.plan-duration{font-size:.85rem;margin-bottom:16px}.plan-features{margin:16px 0}.plan-features li{padding:6px 0;font-size:.85rem}.plan-features li i{font-size:.9rem}.recommended-badge{padding:3px 10px;font-size:.65rem;margin-bottom:8px}}html,body,#root{min-height:100%}#root{max-width:none;margin:0;padding:0;text-align:left}.logo-container{display:flex;align-items:center;background-color:var(--background-light);padding:8px 15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.logo-container:hover{transform:translateY(-2px)}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.4rem;font-weight:700;color:var(--text-light);letter-spacing:.5px}.brand-tagline{font-size:.7rem;font-weight:500;color:var(--primary-light);letter-spacing:.5px}.page-title{text-align:center;margin-bottom:30px}.page-title h1{font-size:2.2rem;font-weight:700;margin-bottom:15px;background:linear-gradient(90deg,var(--primary-light),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.page-title p{font-size:1.1rem;color:#fffc;max-width:800px;margin:0 auto}.progress-section{background-color:var(--background-card);border-radius:16px;padding:25px 30px;margin-bottom:40px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);text-align:center}.progress-tracker{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;position:relative}.progress-tracker:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background-color:#ffffff1a;transform:translateY(-50%);border-radius:2px;z-index:1}.progress-bar{position:absolute;top:50%;left:0;height:4px;width:85%;background:linear-gradient(90deg,var(--primary),var(--success));transform:translateY(-50%);border-radius:2px;z-index:2}.progress-step{width:60px;height:60px;border-radius:50%;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem;position:relative;z-index:3;transition:all .3s ease;border:3px solid rgba(255,255,255,.2)}.progress-step.active{background-color:var(--primary);border-color:var(--primary-light);box-shadow:0 0 0 5px #4f46e54d}.progress-step.completed{background-color:var(--success);border-color:var(--success)}.question-card{background-color:var(--background-card);border-radius:16px;padding:40px;margin-bottom:40px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.question-slide{display:none;animation:fadeIn .5s ease}.question-slide[style*="display: block"]{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.question-input.shake{animation:shake .6s ease}.question-label{position:absolute;top:20px;right:20px;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.critical-question .question-label{background-color:#ef444433;color:var(--error)}.hard-question .question-label{background-color:#f59e0b33;color:var(--warning)}.medium-question .question-label{background-color:#4f46e533;color:var(--primary-light)}.question-number{font-size:1rem;color:var(--primary-light);margin-bottom:10px;display:block}.question-text{font-size:1.3rem;font-weight:600;margin-bottom:25px;color:var(--text-light);line-height:1.4}.question-input{width:100%;padding:16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-light);font-size:1rem;margin-bottom:30px;transition:all .3s ease;font-family:Poppins,sans-serif}.question-input:focus{outline:none;border-color:var(--primary);background-color:#ffffff1a;box-shadow:0 0 0 3px #4f46e54d}.question-input::placeholder{color:#fff6;font-style:italic}.critical-question .question-input{border-left:4px solid var(--error)}.hard-question .question-input{border-left:4px solid var(--warning)}.medium-question .question-input{border-left:4px solid var(--primary-light)}.buttons-container{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.nav-button{background-color:#ffffff1a;color:var(--text-light);border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif}.nav-button:hover:not(:disabled){background-color:#ffffff26;transform:translateY(-2px)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.prev-button{padding-left:20px}.next-button{padding-right:20px;margin-left:auto}.submit-button{background:linear-gradient(90deg,var(--primary),var(--success));color:#fff;margin-left:auto}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-dark),var(--success));box-shadow:0 5px 15px #10b9814d}.question-progress{display:flex;justify-content:center;gap:8px;margin-bottom:30px}.progress-dot{width:10px;height:10px;border-radius:50%;background-color:#fff3;transition:all .3s ease}.progress-dot.active{background-color:var(--primary-light);transform:scale(1.2)}.progress-dot.completed{background-color:var(--success)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center}.loader-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;display:block;background-color:var(--background-card);border-radius:16px;padding:40px;width:90%;max-width:400px;box-shadow:0 15px 40px #0000004d;border:1px solid rgba(255,255,255,.1);text-align:center}.loader-section{transition:opacity .5s ease}#loader-text{font-size:1.2rem;color:var(--text-light);margin-bottom:30px;font-weight:500;transition:opacity .5s ease}.loader{position:relative;width:100%;margin:0 auto}.loader .bar{height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.loader .bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:4px;transition:width 2s linear}.tick{position:absolute;right:-30px;top:-12px;width:30px;height:30px;background-color:var(--success);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.page-title h1{font-size:1.8rem}.question-card{padding:30px}.question-text{font-size:1.1rem}.nav-button{padding:10px 18px;font-size:.9rem}.progress-step{width:50px;height:50px;font-size:1.1rem}}@media(max-width:480px){.page-title h1{font-size:1.5rem}.question-card{padding:25px}.question-text{font-size:1rem}.buttons-container{flex-direction:column;gap:10px}.nav-button{width:100%;justify-content:center}.next-button,.submit-button{margin-left:0}.progress-step{width:40px;height:40px;font-size:.9rem}}:root{--primary: #4F46E5;--primary-light: #818CF8;--primary-dark: #3730A3;--text-light: #F3F4F6;--text-dark: #1F2937;--background: #111827;--background-light: #1E293B;--background-card: #1F2937;--success: #10B981;--success-light: rgba(16, 185, 129, .1);--warning: #F59E0B;--error: #EF4444;--error-light: rgba(239, 68, 68, .1)}#root{max-width:unset;margin:0;padding:0;text-align:unset}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text-light);font-family:Poppins,sans-serif;line-height:1.6;background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.15) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1) 0%,transparent 30%);background-attachment:fixed;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{padding:10px 0;display:flex;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.logo-img{height:40px;width:160px;margin-right:10px}.main-content{padding:20px 0 60px}.result-summary{background-color:var(--background-card);border-radius:16px;padding:30px;text-align:center;margin-bottom:40px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1)}.result-summary h2{font-size:1.8rem;font-weight:700;margin-bottom:15px;line-height:1.4}.result-summary p{font-size:1.1rem;color:#ffffffe6;margin-bottom:0;max-width:800px;margin-left:auto;margin-right:auto}.highlight{color:var(--success);font-weight:600;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#10b9814d;border-radius:2px}.flaws-section{margin-bottom:40px}.flaws-section h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.flaw-category{background-color:var(--background-card);border-radius:12px;margin-bottom:15px;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.1);overflow:hidden}.flaw-header{background-color:#ffffff0d;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.flaw-header:hover{background-color:#ffffff1a}.flaw-title{font-weight:600;font-size:1.1rem}.flaw-content{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.flaw-content.active{padding:20px;max-height:5000px;overflow:visible}.flaw-item{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);align-items:start}.flaw-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.flaw-item-title{grid-column:1 / -1;font-weight:600;margin-bottom:5px;color:var(--error);font-size:1.05rem;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.flaw-item-description{color:#ffffffe6;font-size:.95rem;position:relative;padding-left:15px}.flaw-item-description:before{content:"•";position:absolute;left:0;color:var(--error)}.flaw-item-suggestion{color:#fffc;font-size:.95rem;background-color:#ffffff08;padding:10px;border-radius:6px;border-left:2px solid var(--success)}@media(max-width:768px){.flaw-item{grid-template-columns:1fr;gap:12px}.flaw-item-description{margin-top:5px;font-weight:500}.flaw-item-suggestion{margin-bottom:15px;background-color:#10b9810d}.flaw-item-suggestion:last-child{margin-bottom:0}}.flaw-toggle-icon{transition:transform .3s ease}.flaw-header.active .flaw-toggle-icon{transform:rotate(180deg)}.comparison-section{margin-bottom:40px;max-width:1800px;margin-left:auto;margin-right:auto;padding:0 20px;width:100%}.comparison-section h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.pdf-container{background-color:var(--background-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);height:75vh;display:flex;flex-direction:column;transition:transform .3s ease;position:relative;min-width:400px}.pdf-container:hover{transform:translateY(-5px)}.pdf-header{background-color:#ffffff0d;padding:15px;text-align:center;font-weight:600;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pdf-controls{background-color:#ffffff08;padding:10px 15px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pdf-canvas-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;background-color:#0000004d;padding:20px;min-height:0;width:100%;box-sizing:border-box}.control-btn{background-color:#ffffff1a;color:var(--text-light);border:none;padding:8px 15px;margin:0 5px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.control-btn:hover:not(:disabled){background-color:#fff3}.control-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn{background-color:var(--primary);margin-left:15px}.download-btn:hover{background-color:var(--primary-dark)}.pdf-page-info{margin:0 15px;font-size:.9rem;color:#ffffffb3}canvas{box-shadow:0 5px 15px #0000004d;background-color:#fff;border-radius:4px;display:block;max-width:100%;height:auto;min-height:200px}.improvements-problems-container{display:flex;flex-direction:column;gap:20px}.improvements-box,.problems-box{background-color:var(--background-card);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 10px 25px #0003;position:relative;overflow:hidden}.improvements-box{border:1px solid rgba(16,185,129,.3)}.problems-box{border:1px solid rgba(239,68,68,.3)}.improvements-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background-color:var(--success)}.problems-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background-color:var(--error)}.improvements-box h4,.problems-box h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;text-align:center}.improvements-box h4{color:var(--success)}.problems-box h4{color:var(--error)}.improvements-list,.problems-list{list-style-type:none;padding:0}.improvements-list li,.problems-list li{position:relative;padding-left:25px;margin-bottom:12px;font-size:.95rem;overflow:hidden}.improvements-list li:before,.problems-list li:before{content:"→";position:absolute;left:0}.improvements-list li:before{color:var(--success)}.problems-list li:before{color:var(--error)}.section-more-btn,.section-less-btn{display:inline-block;margin:10px auto 5px;background-color:#ffffff1a;color:var(--primary-light);border:none;padding:6px 15px;border-radius:5px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;float:right}.section-more-btn:hover,.section-less-btn:hover{background-color:#ffffff26;color:var(--primary)}.improvements-preview,.improvements-full,.problems-preview,.problems-full{transition:all .3s ease}.probable-roles-section{margin-bottom:40px}.probable-roles-section h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.probable-roles-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}@media(max-width:1024px){.probable-roles-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.probable-roles-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.role-card{background-color:var(--background-card);border-radius:12px;padding:16px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease;text-align:center;max-width:none;width:100%}.role-card:hover{transform:translateY(-5px)}.role-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text-light)}.role-probability{background-color:#4f46e533;padding:8px 12px;border-radius:20px;display:inline-block;font-weight:500;font-size:.9rem}.action-card{background-color:var(--background-card);border-radius:16px;padding:30px;text-align:center;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;margin-bottom:40px}.action-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary),var(--success))}.action-card p{font-size:1.1rem;color:#ffffffe6;margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(90deg,var(--primary),var(--success));color:#fff;border:none;padding:14px 28px;font-size:1.1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 5px 15px #10b9814d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #10b98166;color:#fff;text-decoration:none}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary);z-index:10}.pdf-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#1f2937e6;padding:25px;border-radius:12px;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(239,68,68,.3);max-width:80%;z-index:10}.error-icon{font-size:2.5rem;color:var(--error);margin-bottom:15px}.error-message{font-size:1.1rem;color:var(--text-light);margin-bottom:20px}.error-btn{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.error-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}footer{padding:30px 0;text-align:center;color:#fff9;border-top:1px solid rgba(255,255,255,.1);margin-top:60px}@media(max-width:1200px){.comparison-section{width:100%;padding:0}.comparison-inner-container{padding:0 15px;max-width:100%}.comparison-container{display:flex;flex-direction:column;gap:25px}.comparison-container>*:nth-child(1){order:1}.comparison-container>*:nth-child(2){order:2}.comparison-container>*:nth-child(3){order:3}.pdf-container{height:60vh;margin-bottom:0;min-width:unset}.improvements-box,.problems-box{height:auto!important;min-height:200px}.probable-roles-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.result-summary{padding:20px 15px;margin-bottom:20px}.result-summary h2{font-size:1.3rem;margin-bottom:10px}.result-summary p,.improvements-list li,.problems-list li{font-size:.9rem}.flaw-title{font-size:1rem}.comparison-section{margin-bottom:25px}.comparison-section h3{font-size:1.2rem;margin-bottom:15px}.flaws-section{margin-bottom:25px}.flaws-section h3{font-size:1.2rem;margin-bottom:15px}.probable-roles-section{margin-bottom:25px}.probable-roles-section h3{font-size:1.2rem;margin-bottom:15px}.pdf-header{padding:10px;font-size:1rem}.pdf-controls{padding:8px}.control-btn{padding:6px 12px;font-size:.8rem}.pdf-page-info{font-size:.8rem;margin:0 8px}}@media(max-width:576px){.result-summary{padding:15px 12px;margin-bottom:15px}.result-summary h2{font-size:1.2rem;margin-bottom:8px}.result-summary p{font-size:.85rem}.comparison-section,.flaws-section,.probable-roles-section{margin-bottom:20px}.probable-roles-container{grid-template-columns:1fr}.action-card{padding:20px;margin-bottom:25px}.cta-button{padding:12px 20px;font-size:1rem}.comparison-container,.improvements-problems-container{gap:15px}}:root{--primary: #4F46E5;--primary-light: #818CF8;--primary-dark: #3730A3;--text-light: #F3F4F6;--text-dark: #1F2937;--background: #111827;--background-light: #1E293B;--background-card: #1F2937;--success: #10B981;--warning: #F59E0B;--error: #EF4444}.edit-resume-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.edit-resume-modal{background-color:var(--background-card);border-radius:16px;width:95%;max-width:1000px;max-height:90vh;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px 30px;background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--primary-light),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-button{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{color:#fff;background-color:#ffffff1a}.modal-body{padding:30px;overflow-y:auto;flex:1}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:50px;height:50px;border:5px solid rgba(79,70,229,.3);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background-color:#ef44441a;border:1px solid var(--error);border-radius:8px;padding:20px;color:var(--error);text-align:center}.section-container{border:none;margin-bottom:30px;padding:0;background-color:transparent;position:relative}.section-container:last-child{margin-bottom:0}.section-container h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:var(--primary-light);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;display:flex;align-items:center;gap:10px}.section-container h2:before{content:"";display:inline-block;width:5px;height:24px;background-color:var(--success);border-radius:2px}.entry-container{background-color:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;position:relative;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.entry-container:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#4f46e54d}.entry-left-column{flex:1;padding-right:20px}.entry-right-column{flex:0 0 25%;border-left:1px solid rgba(255,255,255,.1);padding-left:20px}.delete-entry-button{position:absolute;top:15px;right:15px;background-color:#ef444433;color:var(--error);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;z-index:10}.delete-entry-button:hover{background-color:var(--error);color:#fff}.field-container{margin-bottom:15px}.field-label{display:block;margin-bottom:5px;font-size:.85rem;color:#ffffffb3;font-weight:500}.field-value{margin:0;text-align:left;line-height:1.6;font-size:.95rem;color:#ffffffe6;padding:8px;border-radius:6px;transition:background-color .2s;min-height:24px}.field-value[contenteditable=true]:hover{background-color:#ffffff0d}.field-value[contenteditable=true]:focus{background-color:#ffffff1a;outline:none;box-shadow:0 0 0 2px #4f46e54d}.field-value.empty-value{color:#ffffff80;font-style:italic}.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.skill-box{background-color:#4f46e526;border:1px solid rgba(79,70,229,.3);border-radius:30px;padding:6px 12px;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}.skill-box:hover{background-color:#4f46e540}.remove-skill-btn{background:none;border:none;color:var(--error);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:18px;height:18px;border-radius:50%;transition:background-color .2s}.remove-skill-btn:hover{background-color:#ef444433}.add-entry-button{display:flex;align-items:center;justify-content:center;padding:12px 20px;background-color:#4f46e526;color:var(--primary-light);border:1px dashed var(--primary-light);border-radius:10px;cursor:pointer;font-size:1rem;width:100%;transition:all .2s ease;margin-top:20px;gap:8px}.add-entry-button:hover{background-color:#4f46e540;transform:translateY(-2px)}.submit-button{display:block;width:100%;max-width:300px;margin:40px auto 0;padding:14px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 10px #0003;display:flex;align-items:center;justify-content:center;gap:10px}.submit-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}@media(max-width:768px){.edit-resume-modal{width:95%;max-height:95vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.4rem}.modal-body{padding:20px}.entry-container{flex-direction:column}.entry-left-column{padding-right:0;margin-bottom:15px}.entry-right-column{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;flex:1}}@media(max-width:480px){.modal-header h2{font-size:1.2rem}.section-container h2{font-size:1.3rem}.delete-entry-button{width:30px;height:30px;font-size:14px}}.add-entry-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px}.add-entry-modal{background-color:var(--background-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.add-entry-modal-header{padding:20px 30px;background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.add-entry-modal-header h3{font-size:1.5rem;font-weight:600;color:var(--primary-light);margin:0}.add-entry-modal-body{padding:30px;overflow-y:auto;flex:1}.add-entry-field{margin-bottom:20px}.add-entry-field label{display:block;margin-bottom:8px;font-weight:500;color:#ffffffe6;font-size:.95rem}.add-entry-field input,.add-entry-field textarea{width:100%;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .2s;box-sizing:border-box}.add-entry-field input:focus,.add-entry-field textarea:focus{outline:none;border-color:var(--primary);background-color:#ffffff1a;box-shadow:0 0 0 2px #4f46e54d}.add-entry-field textarea{min-height:100px;resize:vertical}.add-entry-modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.add-entry-modal-actions .cancel-button,.add-entry-modal-actions .save-button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.add-entry-modal-actions .cancel-button{background-color:#ffffff1a;color:#fffc}.add-entry-modal-actions .cancel-button:hover{background-color:#fff3;color:#fff}.add-entry-modal-actions .save-button{background-color:var(--primary);color:#fff}.add-entry-modal-actions .save-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px #0003}@media(max-width:768px){.add-entry-modal{width:95%;max-height:95vh}.add-entry-modal-header{padding:15px 20px}.add-entry-modal-body{padding:20px}.add-entry-modal-actions{flex-direction:column-reverse}.add-entry-modal-actions .cancel-button,.add-entry-modal-actions .save-button{width:100%;justify-content:center}}#root{width:100%!important}
