.container{padding:0 clamp(1rem,5vw,2rem)}.card{padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,0.06),0 8px 20px rgba(0,0,0,0.05),0 16px 32px rgba(0,0,0,0.04)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2}h2{font-size:clamp(1.5rem,3vw+1rem,2rem);margin-bottom:1.5rem;letter-spacing:-0.02em}.section-intro{font-size:1.0625rem;line-height:1.6;margin-bottom:2rem;opacity:0.85}.btn--primary{position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(185,28,28,0.2);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.btn--primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn--primary:hover::before{width:300px;height:300px}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(185,28,28,0.25),0 8px 24px rgba(185,28,28,0.15)}.btn--primary:active{transform:translateY(0);transition:transform 0.1s}.btn--secondary,.btn--outline{position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.btn--secondary:hover,.btn--outline:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.15)}.btn--ghost{transition:all 0.2s ease}.btn--ghost:hover{background:var(--tab-active-bg);transform:translateX(2px)}.icon-action{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.icon-action::after{content:'';position:absolute;inset:-4px;border-radius:14px;background:var(--md-sys-color-primary);opacity:0;transition:opacity 0.3s ease;z-index:-1}.icon-action:hover::after{opacity:0.08}.icon-action:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(211,47,47,0.2),0 2px 8px rgba(211,47,47,0.1)}.icon-action:active{transform:translateY(-1px)}*:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px;border-radius:4px;transition:outline-offset 0.2s ease}.btn:focus-visible,.icon-action:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:4px}.upload-hint,.section-intro,.color-text-light{color:var(--md-sys-color-on-surface-variant);font-weight:450}.card,.template-card{border-color:var(--md-sys-color-outline-variant)}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card,.template-card{animation:fadeInUp 0.5s cubic-bezier(0.4,0,0.2,1) backwards}.card:nth-child(1){animation-delay:0.05s}.card:nth-child(2){animation-delay:0.1s}.card:nth-child(3){animation-delay:0.15s}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.template-card{animation:scaleIn 0.4s cubic-bezier(0.4,0,0.2,1) backwards}.template-grid .template-card:nth-child(1){animation-delay:0.05s}.template-grid .template-card:nth-child(2){animation-delay:0.1s}.template-grid .template-card:nth-child(3){animation-delay:0.15s}.template-grid .template-card:nth-child(4){animation-delay:0.2s}.template-grid .template-card:nth-child(5){animation-delay:0.25s}.template-grid .template-card:nth-child(6){animation-delay:0.3s}@keyframes smoothSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-spinner,.icon-spin{animation:smoothSpin 1s linear infinite}@keyframes subtlePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(0.98)}}.template-loading{animation:subtlePulse 2s ease-in-out infinite}.stepper-expressive{background:var(--md-sys-color-surface);backdrop-filter:blur(12px);box-shadow:0 1px 3px rgba(0,0,0,0.05);padding:1.25rem 1rem}.stepper-expressive.is-stuck{box-shadow:0 2px 8px rgba(0,0,0,0.08),0 4px 16px rgba(0,0,0,0.04)}.step-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.step-item:hover:not(.is-active){transform:translateY(-2px)}.step-indicator{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(185,28,28,0.15)}.step-item.is-active .step-indicator{animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%,100%{box-shadow:0 0 0 4px var(--md-sys-color-primary-container)}50%{box-shadow:0 0 0 6px var(--md-sys-color-primary-container),0 0 0 12px rgba(185,28,28,0.1)}}@media (max-width:767px){.btn{min-height:48px;padding:0.875rem 1.5rem;font-size:1rem}.icon-action{min-width:64px;min-height:64px;padding:0.75rem}.country-btn{min-height:72px;padding:1rem}.filter-tab{min-height:44px;padding:0.625rem 1.125rem}.card{padding:1.25rem;margin-bottom:1.5rem}.template-grid{grid-template-columns:1fr;gap:1rem}.design-panel{max-height:85vh;animation:slideUpMobile 0.4s cubic-bezier(0.4,0,0.2,1)}@keyframes slideUpMobile{from{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-width:768px) and (max-width:1024px){.template-grid{grid-template-columns:repeat(2,1fr)}.icon-action-group{gap:0.75rem}}.upload-box,.linkedin-box{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.upload-box::before,.linkedin-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,transparent 100%);opacity:0;transition:opacity 0.3s ease}.upload-box:hover::before,.linkedin-box:hover::before{opacity:0.5}.upload-box.is-dragover{border-color:var(--md-sys-color-primary);transform:scale(1.02);box-shadow:0 0 0 4px var(--md-sys-color-primary-container),0 8px 24px rgba(185,28,28,0.15)}.country-btn{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.country-btn::before{content:'';position:absolute;inset:-2px;border-radius:14px;background:var(--md-sys-color-primary);opacity:0;transition:opacity 0.3s ease;z-index:-1}.country-btn:hover::before{opacity:0.08}.country-btn.active{transform:scale(1.05)}.country-flag{display:inline-block;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.country-btn:hover .country-flag{transform:scale(1.15)}.template-card{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.template-card::before{content:'';position:absolute;inset:-1px;border-radius:13px;background:linear-gradient(135deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-tertiary) 100%);opacity:0;transition:opacity 0.3s ease;z-index:-1}.template-card:hover::before{opacity:0.15}.template-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,0.12),0 4px 12px rgba(185,28,28,0.08)}.template-card__visual-preview{transition:transform 0.3s ease}.template-card:hover .template-card__visual-preview{transform:scale(1.02)}.filter-tab{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.filter-tab::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--md-sys-color-primary);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateX(-50%)}.filter-tab:hover::after{width:80%}.filter-tab.active::after{width:100%}.filter-tab.active{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.card:hover,.template-card:hover,.icon-action:hover,.btn:hover{transform:none}}[data-theme="dark"]{.card{box-shadow:0 2px 8px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.2)}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.3)}.btn--primary{box-shadow:0 2px 8px rgba(255,180,169,0.25)}.btn--primary:hover{box-shadow:0 4px 12px rgba(255,180,169,0.3),0 8px 24px rgba(255,180,169,0.2)}.template-card{border-color:var(--md-sys-color-outline)}.template-card:hover{border-color:var(--md-sys-color-primary);box-shadow:0 8px 24px rgba(0,0,0,0.5),0 4px 12px rgba(255,180,169,0.15)}}.template-loading,.ats-loading{animation:fadeInUp 0.5s ease backwards}.loading-spinner{filter:drop-shadow(0 2px 8px rgba(185,28,28,0.2))}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--md-sys-color-surface-variant) 0%,var(--md-sys-color-surface) 50%,var(--md-sys-color-surface-variant) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.wysiwyg-toolbar{box-shadow:0 2px 8px rgba(0,0,0,0.08);backdrop-filter:blur(8px)}.toolbar-btn{transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.toolbar-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,0.1)}.toolbar-btn:active,.toolbar-btn.active{transform:translateY(0)}.save-indicator.visible{animation:saveNotification 3s ease forwards}@keyframes saveNotification{0%{opacity:0;transform:translateY(-5px) scale(0.95)}10%,90%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(0.95)}}