@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;font-family:var(--sans);margin:0;padding:0}#root{width:100%;min-height:100dvh}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%}html.font-small{--app-font-size:14px}html.font-medium{--app-font-size:16px}html.font-large{--app-font-size:20px}html{font-size:var(--app-font-size,16px)}:root{--primary-blue:#2a43a6;--darker-blue:#1c2d73;--lighter-blue:#3b59d6;--soft-blue:#e8ecf8;--bg-white:#fff;--text-dark:#1a1a1a;--text-light:#fff;--gray-light:#f9fafb;--gray-border:#d1d5db;--gray-text:#4b5563}#root{width:100%;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}html,body{width:100%;max-width:100vw;margin:0;padding:0;position:relative;overflow-x:hidden}.app-container{background-color:var(--primary-blue);flex-direction:column;flex:1;min-height:100dvh;display:flex}.landing-wrapper{background-color:var(--gray-light);justify-content:center;align-items:stretch;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-content{background-color:var(--bg-white);flex-direction:column;width:100%;max-width:1100px;min-height:100vh;display:flex;position:relative;overflow:hidden}.shape-top,.shape-bottom{pointer-events:none;position:absolute}.shape-top{aspect-ratio:1;width:65%;top:-10%;right:-15%}.shape-bottom{aspect-ratio:1;width:140%;bottom:-10%;left:-25%}.shape-inner{background-color:var(--primary-blue);border-radius:50%;width:100%;height:100%}.landing-logo-container{z-index:2;flex:0 0 40%;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.landing-logo-black{color:#000;letter-spacing:-2px;margin:0;font-size:clamp(2.5rem,12vw,6rem);font-weight:900}.landing-bottom-content{z-index:2;color:var(--text-light);text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:2rem 2rem 3rem;display:flex;position:relative}.text-wrapper{max-width:400px;margin-bottom:2rem}.btn-wrapper{width:100%;max-width:350px}@media (width>=430px) and (width<=767px){.landing-bottom-content{padding-bottom:6vh}.text-wrapper{margin-bottom:2.5rem}}@media (width>=768px){.landing-bottom-content{justify-content:center;padding-bottom:12vh}.text-wrapper{max-width:500px;margin-bottom:2.5rem}.btn-wrapper{max-width:400px}.shape-top{width:50%;top:-8%;right:-8%}.shape-bottom{width:115%;bottom:-25%;left:-20%}}@media (width>=1100px){.shape-top{width:45%;top:-10%;right:-5%}.shape-bottom{width:107%;bottom:-35%;left:-15%}.landing-bottom-content{padding-bottom:15vh}}@media (width>=1440px){.shape-top{width:45%;top:-12%;right:-5%}.shape-bottom{width:110%;bottom:-30%;left:-15%}}@media (width>=1900px){.shape-top{width:45%;top:-10%;right:-6%}.shape-bottom{width:100%;bottom:-20%;left:-10%}.landing-bottom-content{padding-bottom:18vh}}@media (width<=767px),(height<=850px){.auth-top-nav{padding:3rem 1.5rem 1rem}.auth-header{text-align:left;padding:0 1.5rem 1rem}.stepper{justify-content:flex-start;margin-bottom:1rem}.auth-title{font-size:2rem}.bottom-sheet-card{padding:1.5rem}.auth-form-container{gap:.75rem}.text-input{padding:.8rem 1rem}.phone-prefix{width:80px;padding:.8rem 0;font-size:.9rem}}@media (width<=767px) and (height>=800px){.auth-header{margin-top:2vh;padding-bottom:2rem}.auth-form-container{gap:1rem}.bottom-sheet-card{border-radius:40px 40px 0 0;flex-grow:0;width:100%;margin-top:1rem;margin-bottom:0;padding-bottom:3rem;box-shadow:0 -10px 20px #0000001a}}.bottom-sheet-card{background-color:var(--bg-white);border-radius:40px 40px 0 0;width:100%;max-width:600px;height:auto;margin:0 auto;padding:2.5rem 2rem;box-shadow:0 -10px 20px #0000001a}.text-input{border:1px solid var(--primary-blue);width:100%;color:var(--text-dark);background-color:var(--bg-white);border-radius:8px;padding:1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 2px #2a43a633}.input-row{gap:1rem;width:100%;display:flex}.phone-input-group{align-items:stretch;gap:.5rem;display:flex}.phone-prefix{border:1px solid var(--primary-blue);background-color:var(--bg-white);white-space:nowrap;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-weight:600;display:inline-flex}.phone-section{flex-direction:column;gap:.5rem;display:flex}.phone-label{color:var(--primary-blue);font-size:.9rem;font-weight:700}.btn-solid-white{background-color:var(--bg-white);width:100%;color:var(--primary-blue);cursor:pointer;border:none;border-radius:12px;margin-bottom:1rem;padding:1.2rem;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #0000001a}.input-row .btn-outline-blue,.input-row .btn-primary{flex:1}.btn-outline-white{width:100%;color:var(--text-light);border:1px solid var(--text-light);cursor:pointer;background-color:#0000;border-radius:12px;margin-bottom:1rem;padding:1.2rem;font-size:1.1rem;font-weight:700}.btn-primary{background-color:var(--primary-blue);color:var(--text-light);cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:700;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline-blue{color:var(--primary-blue);border:1px solid var(--primary-blue);cursor:pointer;background-color:#0000;border-radius:12px;width:100%;padding:1rem;font-weight:700}.btn-outline-blue:disabled{opacity:.5;cursor:not-allowed}.auth-wrapper{background-color:var(--primary-blue);width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;align-items:center;display:flex}.auth-top-nav{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:4rem 2rem 2rem;display:flex}.auth-logo{color:#000;letter-spacing:-1px;margin:0;font-size:2rem;font-weight:900}.btn-nav-login{color:var(--text-light);border:1px solid var(--text-light);cursor:pointer;background:0 0;border-radius:12px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-nav-login:hover{background-color:#ffffff1a}.auth-header{text-align:center;color:var(--text-light);width:100%;max-width:600px;padding:0 2rem 2.5rem}.auth-step-text{opacity:.9;margin:0 0 .5rem;font-size:.95rem}.auth-title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.auth-subtitle{opacity:.9;margin:0;font-size:1.05rem}.auth-form-container{text-align:left;flex-direction:column;gap:1.2rem;display:flex}.stepper{justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.step-dot{background-color:#ffffff4d;border-radius:50%;width:10px;height:10px}.step-dot.active{background-color:var(--text-light)}.step-line{background-color:#ffffff4d;width:30px;height:2px}.select-input{border:1px solid var(--primary-blue);width:100%;color:var(--gray-text);background-color:var(--bg-white);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A43A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border-radius:8px;padding:1rem;font-size:1rem}.custom-dropdown-container{width:100%;margin-bottom:1.5rem;position:relative}.select-input.open{border-color:var(--primary-blue);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A43A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='18 15 12 9 6 15'%3e%3c/polyline%3e%3c/svg%3e");box-shadow:0 0 0 2px #2a43a633}.custom-dropdown-menu{background-color:var(--bg-white);border:1px solid var(--primary-blue);z-index:100;transform-origin:top;border-radius:12px;width:100%;animation:.25s ease-out dropdownSlideDown;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.custom-dropdown-item{cursor:pointer;color:var(--text-dark);padding:1rem 1.2rem;font-size:1rem;transition:background-color .2s,color .2s}.custom-dropdown-item:not(:last-child){border-bottom:1px solid var(--gray-light)}.custom-dropdown-item:hover{background-color:var(--gray-light);color:var(--primary-blue);font-weight:600}.form-section-title{color:var(--primary-blue);margin:1.5rem 0 .8rem;font-size:1rem;font-weight:600}.radio-group{flex-direction:column;gap:.8rem;display:flex}.radio-label{color:var(--primary-blue);cursor:pointer;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.radio-label input[type=radio],.radio-label input[type=checkbox]{appearance:none;font:inherit;color:var(--primary-blue);border:1.5px solid var(--primary-blue);background-color:#fff;border-radius:3px;place-content:center;width:1.25em;height:1.25em;margin:0;display:grid}.radio-label input[type=radio]:before,.radio-label input[type=checkbox]:before{content:"";background-color:var(--primary-blue);border-radius:2px;width:.65em;height:.65em;transition:transform .12s ease-in-out;transform:scale(0)}.radio-label input[type=radio]:checked:before,.radio-label input[type=checkbox]:checked:before{transform:scale(1)}.action-link-btn{color:var(--primary-blue);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:0;font-size:1rem;font-weight:600;display:flex}.action-link-btn:hover{text-decoration:underline}.register-file-section{margin-bottom:1.5rem}.register-file-list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.register-file-item{background:var(--bg-white,white);border:1.5px solid var(--primary-blue,#2a43a6);color:var(--text-dark,#1a1a1a);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.9rem;display:flex}.register-file-remove{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;transition:color .15s}.register-file-remove:hover{color:#dc2626}.register-file-form{background:var(--gray-light,#f9fafb);border:1px solid var(--gray-border,#d1d5db);border-radius:12px;flex-direction:column;gap:.6rem;margin-top:.5rem;padding:1rem;display:flex}.register-file-pick{border:1.5px dashed var(--primary-blue,#2a43a6);color:var(--primary-blue,#2a43a6);text-align:center;cursor:pointer;background:#fff;border-radius:10px;padding:.85rem;font-size:.9rem;font-weight:500;transition:background .15s;display:block}.register-file-pick:hover{background:#2a43a60d}.register-file-actions{gap:.5rem;display:flex}.register-file-actions .btn-primary,.register-file-actions .btn-outline-blue{padding:.7rem;font-size:.9rem}.chip-group{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.chip-btn{background-color:var(--bg-white);color:var(--gray-text);border:1px solid var(--gray-border);cursor:pointer;border-radius:20px;padding:.6rem 1.2rem;font-size:.95rem;transition:all .2s;box-shadow:0 2px 5px #0000000d}.chip-btn.active{background-color:var(--bg-white);color:var(--primary-blue);border:1px solid var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.range-container{margin-bottom:1.5rem}.range-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.range-title{color:var(--primary-blue);margin:0;font-size:1.1rem;font-weight:700}.range-value{color:var(--primary-blue);font-size:.95rem;font-weight:700}.range-input{appearance:none;background:var(--primary-blue);border-radius:2px;outline:none;width:100%;height:2px}.range-input::-webkit-slider-thumb{appearance:none;background:var(--bg-white);border:2px solid var(--primary-blue);cursor:pointer;border-radius:50%;width:20px;height:20px}.range-input::-moz-range-thumb{background:var(--bg-white);border:2px solid var(--primary-blue);cursor:pointer;border-radius:50%;width:20px;height:20px}.checkbox-row{align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.checkbox-row span{color:var(--primary-blue);font-size:.9rem}.checkbox-row input[type=checkbox]{appearance:none;border:1.5px solid var(--primary-blue);cursor:pointer;background-color:var(--bg-white);border-radius:50%;place-content:center;width:1.25em;height:1.25em;margin:0;display:grid}.checkbox-row input[type=checkbox]:before{content:"";background-color:var(--primary-blue);border-radius:50%;width:.65em;height:.65em;transition:transform .12s ease-in-out;transform:scale(0)}.checkbox-row input[type=checkbox]:checked:before{transform:scale(1)}.notification-section{margin-bottom:.8rem}.notification-label{color:var(--primary-blue);margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:block}.notification-card{border:1px solid var(--gray-border);cursor:pointer;background-color:var(--bg-white);border-radius:12px;margin-bottom:0;padding:1rem;transition:all .2s}.notification-card.active{border:1.5px solid var(--primary-blue);box-shadow:0 4px 15px #2a43a614}.card-header{align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.card-title{color:var(--gray-text);margin:0;font-size:.9rem}.notification-card.active .card-title{color:var(--text-dark)}.card-features{grid-template-columns:1fr 1fr;gap:.6rem .5rem;padding-left:2rem;display:grid}.feature-item{color:var(--text-dark);align-items:center;gap:.5rem;font-size:.9rem;line-height:1.3;display:flex}.feature-icon{width:18px;height:18px;stroke:var(--primary-blue);fill:none;stroke-width:2px;flex-shrink:0}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper .text-input{width:100%;padding-right:3rem}.password-toggle-btn{cursor:pointer;color:var(--gray-text);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;line-height:0;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover{opacity:1}.error-msg-box{color:#dc2626;text-align:center;background-color:#fee2e2;border:1px solid #f87171;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600}.input-error{animation:.4s ease-in-out shake;background-color:#fff5f5!important;border-color:#d33!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.radio-label.disabled{opacity:.5;cursor:not-allowed}.radio-label.disabled input[type=checkbox]{cursor:not-allowed}@keyframes growInTopRight{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes growInBottomLeft{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shape-top{transform-origin:80% 20%;animation:1.2s ease-out forwards growInTopRight}.shape-bottom{transform-origin:20% 80%;animation:1.4s ease-out forwards growInBottomLeft}.landing-logo-black{animation:1s ease-out .4s backwards fadeInUp}.text-wrapper{animation:1s ease-out .8s backwards fadeInUp}.btn-wrapper{animation:1s ease-out 1.1s backwards fadeInUp}.marketing-page{color:#1a1a1a;background:#fff;font-family:Inter,sans-serif}.marketing-nav{background:var(--primary-blue);z-index:100;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.marketing-nav-logo{color:#000;letter-spacing:-1px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:900}.marketing-nav-links{gap:2rem;display:flex}.marketing-nav-link{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;font-weight:500;transition:color .2s}.marketing-nav-link:hover{color:#fff}.marketing-nav-login{color:var(--primary-blue);cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,transform .1s}.marketing-nav-login:hover{background:#e8edff;transform:translateY(-1px)}.marketing-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, #1a2f7a 100%);color:#fff;text-align:center;justify-content:center;align-items:center;min-height:88vh;padding:calc(6rem + 72px) 2rem 5rem;display:flex;position:relative;overflow:hidden}.marketing-hero-content{z-index:1;max-width:700px;position:relative}.marketing-hero-title{letter-spacing:-.025em;margin:0 0 1.5rem;font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;line-height:1.08}.marketing-hero-subtitle{opacity:.85;max-width:520px;margin:0 auto 2.5rem;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.65}.marketing-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.marketing-btn-primary{color:var(--primary-blue);cursor:pointer;background:#fff;border:none;border-radius:10px;padding:.9rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #0000002e}.marketing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000038}.marketing-btn-outline{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff8c;border-radius:10px;padding:.9rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:border-color .2s,background .2s}.marketing-btn-outline:hover{background:#ffffff1a;border-color:#fff}@keyframes floatA{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-40px)scale(1.06)}75%{transform:translateY(-18px)scale(.97)}}@keyframes floatB{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(35px)scale(1.04)}70%{transform:translateY(12px)scale(.98)}}@keyframes floatC{0%{transform:translate(0)scale(1)}20%{transform:translate(25px,-30px)scale(1.07)}45%{transform:translate(-15px,-50px)scale(.94)}65%{transform:translate(30px,-22px)scale(1.04)}85%{transform:translate(-8px,-10px)scale(.98)}to{transform:translate(0)scale(1)}}.hero-shape{pointer-events:none;border-radius:50%;position:absolute}.hero-shape-1{background:var(--primary-blue);width:500px;height:500px;animation:7s ease-in-out infinite floatA;top:-150px;right:-150px}.hero-shape-2{background:#00000047;width:350px;height:350px;animation:9s ease-in-out infinite floatB;bottom:-100px;left:-100px}.hero-shape-3{background:#ffffff21;width:220px;height:220px;animation:11s ease-in-out infinite floatC;top:38%;left:12%}.marketing-section-inner{text-align:center;max-width:1100px;margin:0 auto}.marketing-section-title{color:#1a1a1a;letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.marketing-section-subtitle{color:#4b5563;margin:0 0 3rem;font-size:1.1rem}.marketing-features{background:#f9fafb;padding:5.5rem 2rem}.marketing-features-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.marketing-feature-card{background:#fff;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 16px #0000000f}.marketing-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.feature-icon{align-items:center;margin-bottom:1.1rem;display:flex}.feature-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.feature-desc{color:#4b5563;margin:0;font-size:.95rem;line-height:1.65}.marketing-how{background:#fff;padding:5.5rem 2rem}.marketing-steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.marketing-step{position:relative}.step-number{color:#e8edff;letter-spacing:-.02em;margin-bottom:.75rem;font-size:3.5rem;font-weight:800;line-height:1;display:block}.step-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.step-desc{color:#4b5563;margin:0;font-size:.95rem;line-height:1.65}.marketing-community{background:#f9fafb;padding:5.5rem 2rem}.community-posts-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.community-card{background:#fff;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #0000000f}.community-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.community-card-header{align-items:center;gap:.75rem;display:flex}.community-org-avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.75rem;font-weight:800;display:flex}.community-org-name{color:#4b5563;font-size:.9rem;font-weight:600}.community-card-title{color:#1a1a1a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.community-card-desc{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.community-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.community-tag{color:var(--primary-blue);background:#e8edff;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.community-card-meta{color:#6b7280;border-top:1px solid #f3f4f6;flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.75rem;font-size:.82rem;display:flex}.community-more-text{color:#9ca3af;margin-top:2rem;font-size:1rem;font-style:italic}.marketing-feed-preview{background:#fff;padding:5.5rem 2rem}.feed-preview-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.feed-preview-desc{color:#4b5563;margin:.75rem 0 1.5rem;font-size:1.05rem;line-height:1.7}.feed-preview-bullets{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.feed-preview-bullets li{color:#374151;padding-left:1.5rem;font-size:.95rem;position:relative}.feed-preview-bullets li:before{content:"✓";color:var(--primary-blue);font-weight:700;position:absolute;left:0}.feed-preview-feed{flex-direction:column;gap:.75rem;display:flex}.feed-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem;display:flex}.feed-card-header{align-items:center;gap:.65rem;display:flex}.feed-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.72rem;font-weight:800;display:flex}.feed-author-meta{flex-direction:column;flex:1;display:flex}.feed-author-name{color:#1a1a1a;font-size:.88rem;font-weight:700}.feed-time{color:#9ca3af;font-size:.75rem}.feed-type-badge{color:var(--primary-blue);background:#e8edff;border-radius:20px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.feed-card-text{color:#374151;margin:0;font-size:.88rem;line-height:1.6}.feed-card-footer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.feed-plats{color:#6b7280;font-size:.78rem}.feed-likes{color:#6b7280;align-items:center;gap:.3rem;font-size:.82rem;display:flex}@media (width<=767px){.feed-preview-inner{grid-template-columns:1fr;gap:2rem}.marketing-feed-preview{padding:3.5rem 1.25rem}}.marketing-stories{background:#fff;padding:5.5rem 2rem}.stories-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.story-card{background:#f9fafb;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.75rem;transition:transform .2s,box-shadow .2s;display:flex}.story-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014}.story-card-header{align-items:center;gap:.75rem;display:flex}.story-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.8rem;font-weight:800;display:flex}.story-meta{flex-direction:column;gap:.1rem;display:flex}.story-name{color:#1a1a1a;font-size:.95rem;font-weight:700}.story-time{color:#9ca3af;font-size:.8rem}.story-mission-tag{border-radius:20px;align-self:flex-start;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.story-text{color:#374151;margin:0;font-size:.95rem;font-style:italic;line-height:1.7}.story-actions{border-top:1px solid #e5e7eb;gap:1.25rem;margin-top:auto;padding-top:.75rem;display:flex}.story-action{color:#6b7280;align-items:center;gap:.35rem;font-size:.85rem;display:flex}@media (width<=767px){.marketing-stories{padding:3.5rem 1.25rem}}.marketing-cta{background:linear-gradient(135deg, var(--primary-blue) 0%, #1a2f7a 100%);text-align:center;color:#fff;padding:5.5rem 2rem}.marketing-cta-inner{max-width:580px;margin:0 auto}.marketing-cta-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.marketing-cta-subtitle{opacity:.85;margin:0 0 2.5rem;font-size:1.1rem;line-height:1.6}.marketing-footer{color:#ffffffa6;background:#0f1f5a;padding:3rem 2rem 2rem}.marketing-footer-inner{flex-direction:column;align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.marketing-footer-logo{color:#000;letter-spacing:-1px;font-size:1.25rem;font-weight:900}.marketing-footer-tagline{color:#ffffffa6;margin:.25rem 0 0;font-size:.9rem}.marketing-footer-links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.marketing-footer-link{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;transition:color .2s}.marketing-footer-link:hover{color:#fff}.marketing-footer-copy{color:#fff6;margin:0;font-size:.8rem}.about-story{text-align:left;color:#374151;flex-direction:column;gap:1.25rem;max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.75;display:flex}.impact-stats-section{background:#f9fafb;padding:5rem 2rem}.impact-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.impact-stat-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;gap:.4rem;padding:2rem 1.5rem;display:flex;box-shadow:0 2px 16px #0000000f}.impact-stat-value{color:var(--primary-blue);letter-spacing:-.03em;font-size:2.5rem;font-weight:900}.impact-stat-label{color:#6b7280;font-size:.9rem;font-weight:500}.impact-bars{text-align:left;flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.impact-bar-row{grid-template-columns:140px 1fr 80px;align-items:center;gap:1rem;display:grid}.impact-bar-label{color:#374151;font-size:.9rem;font-weight:500}.impact-bar-track{background:#e5e7eb;border-radius:4px;height:10px;overflow:hidden}.impact-bar-fill{border-radius:4px;height:100%}.impact-bar-hours{color:#6b7280;text-align:right;font-size:.8rem}.impact-quote-section{background:var(--primary-blue);text-align:center;padding:5rem 2rem}.impact-quote{color:#ffffffe6;max-width:680px;margin:0 auto 1.25rem;font-size:clamp(1.1rem,3vw,1.5rem);font-style:italic;line-height:1.65}.impact-quote-author{color:#fff9;margin:0;font-size:.9rem}.faq-section{background:#fff;padding:4rem 2rem 5rem}.faq-inner{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid #e5e7eb}.faq-question{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.25rem 0;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.faq-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.faq-item-open .faq-chevron{transform:rotate(180deg)}.faq-answer{color:#4b5563;margin:0;padding:0 0 1.25rem;font-size:.95rem;line-height:1.7}.privacy-content-section{background:#fff;padding:4rem 2rem 5rem}.privacy-inner{max-width:720px;margin:0 auto}.privacy-intro{color:#374151;border-bottom:1px solid #e5e7eb;margin:0 0 2.5rem;padding-bottom:2rem;font-size:1.05rem;line-height:1.75}.privacy-section-block{border-bottom:1px solid #e5e7eb;padding:2rem 0}.privacy-section-title{color:#1a1a1a;margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.privacy-section-text{color:#4b5563;margin:0;font-size:.95rem;line-height:1.75}@media (width<=767px){.impact-bar-row{grid-template-columns:100px 1fr 70px;gap:.5rem}.impact-stats-section,.impact-quote-section,.faq-section,.privacy-content-section{padding:3rem 1.25rem}}.org-hero{background:linear-gradient(135deg, var(--primary-blue) 0%, #1a2f7a 100%);color:#fff;text-align:center;justify-content:center;align-items:center;min-height:70vh;padding:calc(5rem + 72px) 2rem 5rem;display:flex}.org-hero-content{z-index:1;max-width:700px;position:relative}.org-hero-label{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ffffff26;border-radius:20px;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.org-trusted{background:#f9fafb;padding:5rem 2rem}.org-trusted-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.5rem;display:flex}.org-trusted-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.org-trusted-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:.85rem;font-weight:800;display:flex}.org-trusted-name{color:#4b5563;text-align:center;font-size:.82rem;font-weight:500}.find-missions-header{text-align:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:calc(3.5rem + 72px) 2rem 3rem}.find-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.filter-pill{color:#4b5563;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:.45rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .15s}.filter-pill:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.filter-pill-active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.find-missions-grid-section{background:#fff;padding:3.5rem 2rem 5rem}.find-missions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.find-mission-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.find-mission-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000017}.find-mission-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:auto;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.find-mission-btn:hover{background:#1a2f7a}.find-missions-cta-banner{background:#f0f4ff;border:1.5px solid #c7d4ff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;padding:2rem;display:flex}.find-missions-cta-text{color:#374151;flex:1;min-width:200px;margin:0;font-size:1rem}@media (width<=767px){.org-hero{min-height:auto;padding:calc(3.5rem + 72px) 1.5rem 3rem}.find-missions-header{padding:calc(2.5rem + 72px) 1.25rem 2rem}.find-missions-grid-section{padding:2.5rem 1.25rem 3.5rem}.find-missions-cta-banner{text-align:center;flex-direction:column}.org-trusted{padding:3.5rem 1.25rem}.marketing-nav{padding:1rem 1.25rem}.marketing-nav-links,.marketing-nav-links{display:none}.marketing-hero{min-height:80vh;padding:4rem 1.5rem 3.5rem}.marketing-features,.marketing-how,.marketing-community,.marketing-cta{padding:3.5rem 1.25rem}.marketing-section-subtitle{margin-bottom:2rem}.hero-shape-3{display:none}}.user-type-toggle{background:#ffffff1f;border-radius:999px;gap:4px;width:fit-content;margin:-1rem auto 1.5rem;padding:4px;display:flex}.user-type-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.55rem 1.6rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.user-type-btn:hover:not(.active){color:#fff;background:#ffffff14}.user-type-btn.active{color:var(--primary-blue,#2b3da8);background:#fff;box-shadow:0 2px 6px #0000001f}@keyframes stepSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes stepSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.step-content,.step-content-back{flex-direction:column;gap:1.2rem;display:flex}.step-content{animation:.35s ease-out stepSlideInRight}.step-content-back{animation:.35s ease-out stepSlideInLeft}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{flex-direction:column;flex:1;width:100%;animation:.35s ease-out pageFadeIn;display:flex}@media (prefers-reduced-motion:reduce){.page-transition,.tab-content-anim,.calendar-grid{animation:none!important}}@media (width>=768px){.missions-wrapper,.schedule-wrapper,.profile-wrapper{width:100%;max-width:1100px;margin:0 auto}.missions-top-nav,.missions-search-section,.schedule-top{border-radius:0}}.landing-page{color:#101828;background-color:#fafbfc;width:100vw;font-family:Inter,sans-serif;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 40px}.text-center{text-align:center}h1,h2,h3,h4{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-white-solid{color:#2f44a5;background:#fff}.btn-outline{color:#fff;background:0 0;border:1.5px solid #fff}.landing-header{background-color:#2f44a5;border-bottom:1px solid #ffffff1a;padding:20px 0}.nav-wrapper{justify-content:space-between;align-items:center;display:flex}.logo-text{color:#000;letter-spacing:-1px;font-size:28px;font-weight:900}.nav-links{color:#fff;gap:30px;font-size:15px;font-weight:500;display:flex}.hero{color:#fff;background-color:#2f44a5;padding:80px 0 120px}.hero-content{justify-content:space-between;align-items:center;display:flex}.hero-text{flex:1;max-width:600px}.hero-text h1{margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1}.hero-text p{opacity:.9;margin-bottom:40px;font-size:18px;line-height:1.5}.hero-btns{gap:15px;display:flex}.hero-graphics{flex:1;justify-content:flex-end;display:flex}.placeholder-phone{background:#000;border:12px solid #000;border-radius:44px;width:320px;height:640px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.dynamic-island{z-index:10;background:#000;border-radius:20px;justify-content:flex-end;align-items:center;width:90px;height:28px;padding-right:12px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.camera-dot{background:#111;border:1px solid #222;border-radius:50%;width:10px;height:10px}.phone-inner{background:#fff;border-radius:32px;width:100%;height:100%;display:flex;overflow:hidden}.phone-screenshot-img{object-fit:cover;width:100%;height:100%;display:block}.how-it-works{background:#fff;border-top-left-radius:50px;border-top-right-radius:50px;margin-top:-60px;padding:80px 0;box-shadow:0 -10px 30px #0000000d}.section-title{text-align:center;margin-bottom:50px}.section-title h2{color:#2f44a5;margin-bottom:10px;font-size:40px}.section-title p{color:#667085;font-weight:600}.steps-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.step-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:40px 30px;box-shadow:0 4px 15px #00000008}.step-num{color:#2f44a5;margin-bottom:10px;font-size:48px;font-weight:800;display:block}.step-card h3{color:#2f44a5;margin-bottom:10px;font-size:20px}.step-card p{color:#667085;font-size:15px;line-height:1.5}.features-section{background:#f8fafc;padding:80px 0}.features-wrapper{justify-content:space-between;align-items:center;gap:40px;display:flex}.features-text{flex:1;max-width:450px}.features-text h2{color:#2f44a5;margin-bottom:20px;font-size:38px;line-height:1.2}.features-text p{color:#667085;margin-bottom:30px;font-size:16px;line-height:1.5}.feature-list li{color:#101828;align-items:center;gap:15px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.check{color:#2f44a5;border:1.5px solid #2f44a5;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.features-ui{flex:2.2;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;display:grid}.ui-image{aspect-ratio:1;object-fit:cover;object-position:top;border-radius:16px;width:100%;display:block;box-shadow:0 8px 24px #00000014}.why-volunti{padding:80px 0}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.why-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #0000000d}.why-card h3{color:#2f44a5;margin-bottom:15px;font-size:18px}.why-card p{color:#667085;font-size:14px;line-height:1.5}.cta-banner{color:#fff;background:#2f44a5;padding:60px 0}.cta-content{justify-content:space-between;align-items:center;display:flex}.cta-content h2{margin-bottom:10px;font-size:36px}.cta-content p{opacity:.9}.cta-btns{gap:15px;display:flex}.community-stories{background:#f8fafc;padding:80px 0}.stories-wrapper{align-items:center;gap:40px;display:flex}.stories-text{flex:1}.stories-text h2{color:#2f44a5;margin-bottom:15px;font-size:32px}.stories-text p{color:#667085}.stories-grid{flex:2;grid-template-columns:1fr 1fr;gap:20px;display:grid}.story-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 10px #0000000d}.story-author{align-items:center;gap:15px;margin-bottom:15px;display:flex}.author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.story-card p{color:#667085;margin-bottom:15px;font-size:14px;font-style:italic}.story-stats{color:#98a2b3;gap:15px;font-size:12px;display:flex}.real-volunteering{padding:80px 0}.value-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.value-card{text-align:center;background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 4px 15px #0000000d}.value-card h3{color:#2f44a5;margin-bottom:15px}.value-card p{color:#667085;font-size:14px;line-height:1.6}.find-missions{background:#f8fafc;padding:80px 0}.filter-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;margin-bottom:50px;display:flex}.tag{cursor:pointer;color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:10px 20px;font-weight:600}.tag.active{color:#fff;background:#2f44a5;border-color:#2f44a5}.mission-cards-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.mission-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 15px #0000000d}.mission-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.org-logo-circle{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #d92d20;border-radius:50%;width:40px;height:40px}.mission-header h4{margin-bottom:4px;font-size:16px}.org-name{color:#667085;font-size:13px}.mission-info{color:#667085;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;font-size:13px;display:grid}.mission-tags{gap:10px;margin-bottom:20px;display:flex}.m-tag{color:#344054;border:1px solid #d0d5dd;border-radius:20px;padding:6px 12px;font-size:12px}.mission-desc{color:#667085;margin-bottom:30px;font-size:13px;line-height:1.5}.mission-card-btns{gap:15px;display:flex}.btn-granska,.btn-redigera{cursor:pointer;border-radius:12px;flex:1;padding:10px;font-weight:600}.btn-granska{color:#fff;background:#2f44a5;border:none}.btn-redigera{color:#2f44a5;background:#fff;border:1.5px solid #2f44a5}.landing-footer{color:#fff;background:#2f44a5;padding:60px 0 20px}.footer-top{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.footer-logo{color:#000;letter-spacing:-1px;font-size:32px;font-weight:900}.footer-links{gap:30px;font-size:15px;display:flex}.footer-middle{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:40px;display:flex}.footer-middle p{font-size:18px;font-weight:500}.footer-btns{gap:15px;display:flex}.footer-bottom{opacity:.8;font-size:14px}.crop-backdrop{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out cropFadeIn;display:flex;position:fixed;inset:0}.crop-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out cropSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cropSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.crop-header{text-align:center;padding:20px 24px 12px}.crop-header h2{color:#2f44a5;margin:0 0 4px;font-size:20px;font-weight:700}.crop-header p{color:#6b7280;margin:0;font-size:13px}.crop-area{background:#1a1a1a;width:100%;height:360px;position:relative}.crop-controls{border-top:1px solid #e5e7eb;padding:16px 24px}.crop-zoom-label{color:#4b5563;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.crop-zoom-slider{appearance:none;background:#e5e7eb;border-radius:2px;outline:none;width:100%;height:4px}.crop-zoom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2f44a5;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.crop-zoom-slider::-moz-range-thumb{cursor:pointer;background:#2f44a5;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.crop-actions{border-top:1px solid #e5e7eb;gap:10px;padding:16px 24px 20px;display:flex}.crop-actions button{flex:1}.profile-wrapper .header-blue .top-nav{align-items:center;width:100%;margin-bottom:1rem;justify-content:space-between!important;display:flex!important}.settings-icon-btn{color:var(--text-light);cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s;display:flex}.settings-icon-btn:hover{background:#ffffff40}.settings-icon-btn svg{width:20px;height:20px}@media (width>=768px){.settings-icon-btn{display:none}}@media (width>=380px){.skill-tag{font-size:14px}}@media (width<=767px){.profile-wrapper{padding-bottom:0}.content-white{padding-bottom:130px}}@keyframes sectionExpand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.tab-btn,.skill-tag,.preset-chip,.file-card,.exp-card{transition:all .2s}@keyframes tagFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width>=768px){.header-blue{border-radius:0;padding:1.5rem 1rem}.profile-card{gap:2rem;max-width:760px;margin:1.5rem auto;padding:2rem}.profile-info h2{font-size:2rem}.tab-menu{gap:1rem;max-width:760px;margin:1rem auto 0}.tab-btn{padding:.75rem 2rem;font-size:1rem}.content-white{width:100%;max-width:960px;margin:0 auto;padding:3rem}.info-section{margin-bottom:2rem}.info-section h3{font-size:1.15rem}.tags-container{gap:.6rem}.avatar-section{gap:1.25rem}.cv-button-group{justify-content:center;margin-top:.5rem;position:static;bottom:auto;left:auto}.cv-error-text{text-align:center;color:#fca5a5;background:0 0;position:static;bottom:auto;left:auto}}.bottom-nav{display:none}@media (width<=767px){.bottom-nav{border-top:1px solid var(--gray-border);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom)) .5rem;z-index:1000;background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-btn{cursor:pointer;color:var(--gray-text);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .25rem;font-family:inherit;transition:color .15s;display:flex}.bottom-nav-btn svg{width:22px;height:22px}.bottom-nav-btn span{font-size:.7rem;font-weight:500}.bottom-nav-btn.active,.bottom-nav-btn:hover{color:var(--primary-blue)}.bottom-nav-plus{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #2a43a64d}.bottom-nav-plus:hover{transform:scale(1.05);box-shadow:0 6px 16px #2a43a666}.bottom-nav-plus svg{width:24px;height:24px}.bottom-nav-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-badge{color:#fff;text-align:center;background:#e11d48;border:2px solid #fff;border-radius:999px;min-width:18px;padding:.05rem .35rem;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;top:-6px;right:-10px}}.login-wrapper{background-color:var(--primary-blue);width:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;align-items:center;display:flex}.login-top-nav{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:2rem 1.5rem 1rem;display:flex}.login-logo{color:#000;letter-spacing:-1px;cursor:pointer;margin:0;font-size:1.8rem;font-weight:900}.btn-nav-register{color:var(--text-light);border:1px solid var(--text-light);cursor:pointer;background:0 0;border-radius:12px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-nav-register:hover{background-color:#ffffff1a}.login-header{text-align:center;color:var(--text-light);width:100%;max-width:600px;padding:2rem 1.5rem 2.5rem}.login-title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;line-height:1.1}.login-subtitle{opacity:.9;margin:0;font-size:1.05rem}.login-card{background-color:var(--bg-white);border-radius:40px 40px 0 0;flex:1;width:100%;max-width:600px;padding:2.5rem 1.5rem 3rem;box-shadow:0 -10px 20px #0000001a}.login-card-title{text-align:center;color:var(--primary-blue);margin:0 0 2rem;font-size:1.5rem;font-weight:700}.login-form{flex-direction:column;gap:1rem;display:flex}.forgot-password-btn{color:var(--primary-blue);cursor:pointer;text-align:center;background:0 0;border:none;margin:-.25rem 0 .5rem;padding:0;font-size:.9rem;font-weight:600}.forgot-password-btn:hover{text-decoration:underline}.login-submit-btn{margin-top:.5rem}@media (width<=767px){.login-wrapper{justify-content:space-between}.login-card{flex:none;padding-top:3rem;padding-bottom:8rem}}@media (width>=768px){.login-wrapper{justify-content:center}.login-top-nav{padding:3rem 2rem 1rem;position:absolute;top:0;left:0;right:0}.login-logo{font-size:2.5rem}.btn-nav-register{padding:.8rem 2rem;font-size:1.1rem}.login-title{font-size:4rem}.login-subtitle{font-size:1.3rem}.login-header{max-width:800px;padding-top:2rem;padding-bottom:3rem}.login-card{border-radius:30px;flex:none;width:90%;max-width:600px;margin-bottom:2rem;padding:3.5rem 3rem;box-shadow:0 20px 50px #0003}.login-card-title{margin-bottom:2.5rem;font-size:2.5rem}.login-form{gap:1.25rem}.login-card .text-input{padding:1.2rem 1rem;font-size:1.1rem}.forgot-password-btn{font-size:1rem}.login-submit-btn{padding:1.3rem;font-size:1.2rem}}@media (width<=767px){.missions-content{padding-bottom:calc(120px + 4rem)}.missions-feed>:last-child,.applications-list>:last-child{margin-bottom:4rem}}.icon-btn:hover{background-color:#ffffff1a}@media (width>=768px){.missions-top-nav,.missions-search-section,.missions-content{padding-top:2rem;padding-bottom:2rem}.missions-content>*{margin-left:auto;margin-right:auto}.missions-feed{max-width:1100px;margin:0 auto}.missions-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.list-card{flex-direction:column}.list-card-image{width:100%;height:180px;min-height:180px}.list-card-body{padding:1rem}.feed-title{font-size:1.3rem}.feed-description{font-size:1rem}}@media (width>=1100px){.missions-list{grid-template-columns:repeat(3,1fr)}}.modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-white);border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-blue-header{background-color:var(--primary-blue);color:var(--text-light);padding:1.25rem 1.5rem}.modal-back-btn{color:var(--text-light);cursor:pointer;opacity:.9;background:0 0;border:none;margin-bottom:.4rem;padding:0;font-size:.9rem;font-weight:600}.modal-back-btn:hover{opacity:1}.modal-title{color:var(--text-light);margin:0;font-size:1.5rem;font-weight:700}.modal-thanks-section{background-color:var(--primary-blue);text-align:center;padding:2.5rem 1.5rem}.modal-thanks-title{color:var(--text-light);margin:0;font-size:1.6rem;font-weight:700}.modal-body{background-color:var(--bg-white);padding:1.25rem}.mission-card{background-color:var(--bg-white);border:1px solid var(--gray-border);border-radius:16px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 8px #0000000a}.mission-card-header{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.mission-org-avatar{background-color:var(--gray-border);border-radius:50%;flex-shrink:0;width:38px;height:38px}.mission-org-name{color:var(--text-dark);margin:0;font-size:.95rem;font-weight:700}.mission-org-time{color:var(--gray-text);margin:.1rem 0 0;font-size:.75rem}.mission-meta-list{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.mission-meta-item{color:var(--text-dark);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.mission-meta-item svg{color:var(--gray-text);flex-shrink:0}.mission-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.mission-tag{border:1px solid var(--primary-blue);color:var(--primary-blue);background-color:var(--bg-white);border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.mission-description{color:var(--text-dark);text-align:center;margin:0 0 1rem;font-size:.85rem;line-height:1.5}.mission-likes-row{color:var(--gray-text);border-top:1px solid var(--gray-light);justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.8rem;display:flex}.mission-card.compact .mission-description,.mission-card.compact .mission-likes-row{display:none}.mission-org-avatar{background-color:var(--gray-border);overflow:hidden}.mission-org-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mission-card-title{color:var(--text-dark);margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.mission-description{text-align:left;color:var(--gray-text);margin:.75rem 0;font-size:.9rem;line-height:1.5}.mission-likes-text,.mission-comments-text{color:var(--gray-text);align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.mission-likes-text.liked{color:#e11d48}.modal-actions .btn-applied{color:#5a6892;cursor:not-allowed;background:#eef1f8;border:1px solid #c8d1e6;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.modal-actions{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.modal-actions .btn-primary,.modal-actions .btn-outline-blue{width:100%;padding:.85rem;font-size:1rem}@media (width>=768px){.modal-content{max-width:520px}}.comment-modal-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comment-modal{background:var(--bg-white);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.25s ease-out slideUp;display:flex}@media (width>=768px){.comment-modal-overlay{align-items:center}.comment-modal{border-radius:20px;max-height:80vh}}.comment-modal-header{border-bottom:1px solid var(--gray-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.comment-modal-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.comment-modal-close{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.8rem;line-height:1;transition:background .15s;display:flex}.comment-modal-close:hover{background:var(--gray-light)}.comment-modal-body{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.comment-status{text-align:center;color:var(--gray-text);padding:2rem 1rem;font-size:.9rem}.comment-thread{flex-direction:column;gap:.5rem;display:flex}.comment-item{align-items:flex-start;gap:.6rem;display:flex}.comment-item.is-reply{padding-left:0}.comment-replies{flex-direction:column;gap:.5rem;padding-left:2.75rem;display:flex}.comment-avatar{background:var(--primary-blue);width:36px;height:36px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.comment-item.is-reply .comment-avatar{width:30px;height:30px;font-size:.75rem}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-body{flex:1;min-width:0}.comment-bubble{background:var(--gray-light);border-radius:16px;padding:.6rem .85rem}.comment-author{color:var(--text-dark);margin:0 0 .15rem;font-size:.8rem;font-weight:700}.comment-text{color:var(--text-dark);word-wrap:break-word;margin:0;font-size:.9rem;line-height:1.4}.comment-actions{align-items:center;gap:.85rem;padding:.3rem .85rem 0;display:flex}.comment-time{color:var(--gray-text);font-size:.75rem}.comment-action-btn{color:var(--gray-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:600}.comment-action-btn:hover{color:var(--primary-blue)}.comment-delete-btn:hover{color:#dc2626}.comment-modal-input-wrap{border-top:1px solid var(--gray-border);background:var(--bg-white);flex-shrink:0;padding:.75rem 1.25rem 1rem}.comment-reply-banner{background:var(--gray-light);color:var(--gray-text);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.comment-cancel-reply{color:var(--gray-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.comment-error{color:#d33;background:#fee;border-radius:6px;margin:0 0 .5rem;padding:.4rem .6rem;font-size:.8rem}.comment-input-row{gap:.5rem;display:flex}.comment-input{border:1px solid var(--gray-border);background:var(--bg-white);color:var(--text-dark);border-radius:999px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.9rem}.comment-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #2a43a626}.comment-submit-btn{background:var(--primary-blue);color:var(--text-light);cursor:pointer;border:none;border-radius:999px;padding:0 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .15s}.comment-submit-btn:hover:not(:disabled){opacity:.9}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-like-btn{color:var(--gray-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .15s;display:inline-flex}.comment-like-btn:hover,.comment-like-btn.liked{color:#e11d48}.comment-like-btn svg{transition:transform .15s}.comment-like-btn:active svg{transform:scale(1.3)}.comment-text{white-space:pre-wrap}.comment-replies-wrap{margin-top:.25rem}.comment-toggle-replies{color:var(--gray-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;margin-left:0;padding:.4rem 0 .4rem 2.75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:color .15s;display:inline-flex}.comment-toggle-replies:hover{color:var(--primary-blue)}.comment-toggle-line{background:var(--gray-border);width:24px;height:1px;display:inline-block}.comment-replies{animation:.25s ease-out contentFadeIn}.create-job-wrapper{background-color:var(--gray-light);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem 4rem;display:flex}.create-job-card{background:var(--bg-white);border-radius:16px;width:100%;max-width:640px;padding:2.5rem 2rem;box-shadow:0 4px 24px #00000014}.create-job-title{color:var(--text-dark);margin:0 0 .4rem;font-size:1.6rem;font-weight:800}.create-job-subtitle{color:var(--gray-text);margin:0 0 2rem;font-size:.95rem}.create-job-form{flex-direction:column;gap:1.25rem;display:flex}.create-job-field{flex-direction:column;flex:1;gap:.4rem;display:flex}.create-job-label{color:var(--primary-blue);font-size:.9rem;font-weight:600}.create-job-textarea{resize:vertical;min-height:100px;font-family:inherit}.create-job-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%232a43a6' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262626!important}.field-error-msg{color:#dc2626;font-size:.82rem}.create-job-requirements{border:1px solid var(--gray-border);background-color:var(--gray-light);border-radius:8px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.create-job-requirement-item{color:var(--text-dark);cursor:pointer;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.create-job-urgent{background-color:#fff8eb;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;display:flex}.create-job-checkbox{width:18px;height:18px;accent-color:var(--primary-blue);cursor:pointer;flex-shrink:0}.create-job-urgent-label{color:#92400e;cursor:pointer;font-size:.95rem;font-weight:600}.create-job-actions{gap:1rem;margin-top:.5rem;display:flex}.create-job-success{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.create-job-success-icon{background-color:var(--primary-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.create-job-success h2{color:var(--text-dark);margin:0;font-size:1.4rem;font-weight:800}.create-job-success p{color:var(--gray-text);max-width:320px;margin:0}.settings-wrapper{background-color:var(--primary-blue);flex-direction:column;min-height:100dvh;display:flex}.font-size-btn{border:2px solid var(--primary-blue);cursor:pointer;width:160px;color:var(--primary-blue);background:#fff;border-radius:14px;margin:.5rem auto;padding:16px 28px;font-size:1rem;font-weight:700;transition:all .2s;display:block}.font-size-btn.active{background:var(--primary-blue);color:#fff}.show-password-btn{color:#3b4fd8;cursor:pointer;background:0 0;border:none;align-self:flex-end;width:fit-content;margin-top:-8px;margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.show-password-btn:hover{opacity:.7}.settings-top-nav{background-color:var(--primary-blue);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.settings-logo{color:#000;letter-spacing:-1px;margin:0;font-size:1.8rem;font-weight:900}.settings-nav-icons{gap:.5rem;display:flex}.settings-blue-header{background-color:var(--primary-blue);color:var(--text-light);padding:0 1.5rem 1.5rem}.settings-back-btn{color:var(--text-light);cursor:pointer;opacity:.9;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:.5rem;padding:0;font-size:.95em;font-weight:600;display:flex}.settings-back-btn:hover{opacity:1}.settings-title{color:var(--text-light);margin:0;font-size:1.75rem;font-weight:700}.settings-content{background-color:var(--bg-white);border-radius:30px 30px 0 0;flex:1;width:100%;padding:1.5rem}.settings-menu{flex-direction:column;gap:1.25rem;display:flex}.settings-menu-group{flex-direction:column;gap:.6rem;display:flex}.settings-menu-item{background-color:var(--bg-white);border:1.5px solid var(--primary-blue);cursor:pointer;width:100%;color:var(--primary-blue);text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:.9rem 1rem;font-size:1rem;font-weight:500;transition:background-color .15s,transform .1s;display:flex}.settings-menu-item:hover{background-color:var(--gray-light)}.settings-menu-item:active{transform:scale(.99)}.settings-menu-label{flex:1}.settings-menu-item.danger{color:#dc2626;border-color:#dc2626}.settings-menu-item.danger:hover{background-color:#fef2f2}.form-section-title{color:var(--primary-blue);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.support-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:14px;font-size:1rem;font-weight:600}.error-message{color:#b91c1c;text-align:center;background:#fee2e2;border-radius:10px;max-width:500px;margin:1rem auto 0;padding:10px;font-weight:600}.success-message{color:#166534;text-align:center;background:#dcfce7;border-radius:10px;max-width:300px;margin:1rem auto 0;padding:12px;font-weight:600}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{border:1.5px solid var(--primary-blue);cursor:pointer;background:#fff;border-radius:14px;padding:1rem;transition:all .2s}.faq-item:hover{background:#f8f8ff;transform:translateY(-2px)}.faq-item h3{color:var(--primary-blue);margin:0;font-size:1.05rem;font-weight:700}.faq-item p{color:var(--text-dark);margin-top:.8rem;line-height:1.5}.delete-account-view{max-width:500px;margin:0 auto}.delete-account-view h3{color:#dc2626;margin-bottom:1rem;font-size:1.5rem}.delete-account-view p{margin-bottom:1.5rem;line-height:1.6}.delete-account-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:14px;font-size:1rem;font-weight:700}.delete-account-btn:disabled{opacity:.5;cursor:not-allowed}.account-card{background:#fff;border:1px solid #eef1f6;border-radius:32px;padding:48px 40px;box-shadow:0 10px 40px #0f172a0f}.account-name{text-align:center;color:#111827;letter-spacing:-1px;margin:0 0 32px;padding-top:10px;font-size:34px;font-weight:800}.account-info-box{flex-direction:column;gap:18px;display:flex}.account-info-row{background:#f8fafc;border:1px solid #edf1f7;border-radius:22px;padding:18px 22px;transition:all .2s}.account-info-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a0d}.account-info-row span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.account-info-row strong{color:#0f172a;word-break:break-word;font-size:17px;font-weight:700;line-height:1.5}.email-notify-section{margin-top:1.5rem}.password-form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;display:flex}.password-form .btn-primary{margin-top:.5rem}.stub-view{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width>=768px){.settings-top-nav,.settings-blue-header,.settings-content{box-sizing:border-box;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.settings-content{padding:2rem}.settings-menu{max-width:600px;margin:0 auto}}.missions-wrapper{background-color:var(--primary-blue);flex-direction:column;min-height:100dvh;display:flex}@media (width<=767px){.missions-content{padding-bottom:calc(120px + 4rem)}.missions-feed>:last-child,.applications-list>:last-child{margin-bottom:4rem}}.missions-top-nav{background-color:var(--primary-blue);justify-content:space-between;align-items:center;padding:1.5rem 1rem 1rem;display:flex}.missions-logo{color:#000;letter-spacing:-1px;margin:0;font-size:1.8rem;font-weight:900}.missions-nav-icons{gap:.5rem;display:flex}.icon-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.org-dashboard-section-title{color:var(--primary-blue);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.org-dashboard-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.org-dashboard-job-item{border:1px solid var(--gray-border);background-color:var(--gray-light);border-radius:8px;padding:1rem}.org-dashboard-app-item{border:1px solid var(--gray-border);background-color:var(--gray-light);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.org-dashboard-app-info{flex:1;min-width:200px}.org-dashboard-app-actions{gap:.5rem;display:flex}.org-dashboard-item-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1rem;font-weight:700}.org-dashboard-item-meta{color:var(--gray-text);margin:0;font-size:.85rem}.org-dashboard-empty{color:var(--gray-text);background-color:var(--gray-light);text-align:center;border-radius:8px;margin:0;padding:1rem;font-size:.95rem}.org-dashboard-message,.org-dashboard-error{color:var(--text-dark);text-align:center;margin-top:3rem;font-size:1rem}.org-dashboard-error{color:#fff}.org-dashboard-info-note{color:var(--gray-text);margin-bottom:.5rem;font-size:.85rem;font-style:italic}.org-dashboard-wrapper .text-input{border:1px solid var(--gray-border);border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem;display:block}.toast{color:#fff;z-index:9999;border-radius:8px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000026}.toast-success{background-color:#16a34a}.toast-error{background-color:#dc2626}.missions-search-section{background-color:var(--primary-blue);padding:0 1rem 1.5rem}.search-input-wrapper{width:100%;position:relative}.search-icon{color:var(--gray-text);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background-color:var(--bg-white);width:100%;color:var(--text-dark);border:none;border-radius:12px;padding:.9rem 1rem .9rem 3rem;font-size:1rem}.search-input:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}.missions-content{background-color:var(--bg-white);z-index:1;border-radius:30px 30px 0 0;flex:1;width:100%;margin-top:0;padding:1.5rem;position:relative}.previous-section{margin-bottom:2rem}.section-title{color:var(--primary-blue);margin:0;font-size:1.25rem;font-weight:700}.section-link{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;text-decoration:underline}.section-link:hover{opacity:.8}.carousel-viewport{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:12px;width:100%;overflow:hidden}.carousel-viewport:active{cursor:grabbing}.carousel-track{width:100%;transition:transform .5s ease-in-out;display:flex}.carousel-page{flex:0 0 100%;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.dots-indicator .dot{cursor:pointer;border:none;padding:0;transition:background-color .3s,transform .2s}.dots-indicator .dot:hover{transform:scale(1.3)}.previous-card{aspect-ratio:1;cursor:pointer;-webkit-user-drag:none;background-position:50%;background-size:cover;border-radius:12px;transition:transform .2s}.previous-card:hover{transform:scale(1.02)}.dots-indicator{justify-content:center;gap:.4rem;margin-top:.5rem;display:flex}.dot{background-color:var(--gray-border);border-radius:50%;width:8px;height:8px}.dot.active{background-color:var(--primary-blue)}.missions-feed{flex-direction:column;gap:1rem;display:flex}.feed-card{background-color:var(--bg-white);border:1px solid var(--gray-border);border-radius:16px;padding:1rem;box-shadow:0 1px 3px #0000000d}.feed-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.org-avatar{background-color:var(--gray-border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.org-info{flex:1}.org-name{color:var(--text-dark);margin:0;font-size:.95rem;font-weight:700}.org-time{color:var(--gray-text);margin:.1rem 0 0;font-size:.8rem}.feed-card-body{padding:0}.feed-title{color:var(--text-dark);margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.feed-description{color:var(--gray-text);margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.feed-meta{text-align:left;flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.meta-row{color:var(--text-dark);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.meta-item{flex:1;align-items:center;gap:.4rem;display:flex}.meta-icon{color:var(--text-dark);flex-shrink:0}.feed-pills{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.feed-pill{border:1.5px solid var(--primary-blue);color:var(--primary-blue);background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.feed-actions{gap:.5rem;margin-bottom:.75rem;display:flex}.feed-actions .btn-outline-blue,.feed-actions .btn-primary{flex:1;padding:.6rem;font-size:.9rem}.feed-card-footer{border-top:1px solid var(--gray-border);align-items:center;gap:1rem;padding-top:.6rem;font-size:.85rem;display:flex}.feed-action-btn{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .5rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.feed-action-btn:hover{background:var(--gray-light);color:var(--primary-blue)}.feed-action-btn.liked{color:#e11d48}.feed-action-btn.liked:hover{color:#be123c}.feed-action-btn svg{transition:transform .15s}.feed-action-btn:active svg{transform:scale(1.2)}.feed-likes-info{align-items:center;gap:.4rem;display:flex}.feed-comments-info{align-items:center;gap:.3rem;display:flex}.like-icon,.comment-icon{font-size:1rem}.btn-applied{color:#5a6892;cursor:not-allowed;background:#eef1f8;border:1px solid #c8d1e6;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:1rem;font-family:inherit;font-size:.9rem;font-weight:700;display:flex}.feed-actions .btn-applied,.list-actions .btn-applied{flex:1;padding:.6rem;font-size:.9rem}.list-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.back-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;margin-bottom:.5rem;padding:0;font-size:.95rem;font-weight:600}.list-title{color:var(--text-light);margin:0;font-size:1.5rem;font-weight:700}.missions-list{flex-direction:column;gap:1rem;display:flex}.list-card{background-color:var(--bg-white);border:1px solid var(--gray-border);border-radius:16px;flex-direction:row;gap:1rem;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.list-card-image{background-position:50%;background-size:cover;border-radius:0;flex-shrink:0;width:110px;height:auto;min-height:100%}.list-card-body{flex-direction:column;flex:1;padding:.75rem .75rem .75rem 0;display:flex}.list-title-text{color:var(--text-dark);margin:0 0 .4rem;font-size:.95rem;font-weight:700;line-height:1.3}.list-description{color:var(--gray-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.list-meta{margin-bottom:.75rem}.list-meta p{color:var(--text-dark);margin:.1rem 0;font-size:.75rem}.list-actions{gap:.5rem;margin-top:auto;display:flex}.list-actions .btn-outline-blue,.list-actions .btn-primary{flex:1;padding:.5rem;font-size:.85rem}.list-blue-header{background-color:var(--primary-blue);padding:0 1.5rem 1.5rem}.list-blue-row{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.missions-tabs{background:var(--primary-blue);justify-content:center;gap:1rem;padding:0 1rem 1.5rem;display:flex}.tab-pill{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:999px;min-width:110px;padding:.55rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-pill.active{border-color:#fff}.tab-pill:hover:not(.active){background:#ffffff1a}.applications-list{padding:1rem}.application-card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:0 1px 3px #00000014}.application-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.application-card-title{color:#222;margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.application-card-org{color:#666;margin:0;font-size:.9rem}.application-card-meta{color:#444;font-size:.9rem}.application-card-meta p{margin:.3rem 0}.application-card-desc{color:#555;border-top:1px solid #eee;margin-top:.5rem;padding-top:.5rem;font-size:.9rem}.status-badge{white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.status-pending{color:#856404;background:#fff3cd}.status-approved{color:#155724;background:#d4edda}.status-rejected{color:#383d41;background:#e2e3e5}.no-missions-text{text-align:center;color:#151515;padding:2rem;font-size:1.5rem}@media (width>=768px){.missions-top-nav,.missions-search-section,.missions-content{padding-top:2rem;padding-bottom:2rem}.missions-content>*{margin-left:auto;margin-right:auto}.missions-feed{max-width:1100px;margin:0 auto}.missions-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.list-card{flex-direction:column}.list-card-image{width:100%;height:180px;min-height:180px}.list-card-body{padding:1rem}.feed-title{font-size:1.3rem}.feed-description{font-size:1rem}}@media (width>=1100px){.missions-list{grid-template-columns:repeat(3,1fr)}}.orgdash-header-bar{color:var(--text-light);background:var(--primary-blue);justify-content:space-between;align-items:center;padding:0 1rem 1.25rem;display:flex}.orgdash-title{margin:0;font-size:1.5rem;font-weight:700}.orgdash-create-btn{background:var(--bg-white);color:var(--primary-blue);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:.55rem 1.1rem;font-family:inherit;font-size:.9rem;font-weight:700}.orgdash-create-btn:hover{opacity:.92}@media (width>=768px){.orgdash-header-bar{width:100%;max-width:1100px;margin:0 auto;padding-left:2rem;padding-right:2rem}}.job-top-row{justify-content:space-between;align-items:center;display:flex}.delete-job-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:10px;padding:8px 14px;font-weight:600}.delete-org-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:10px;margin-top:12px;padding:10px 14px;font-weight:600}.orgdash-delete-btn{background:var(--bg-white);border:1px solid var(--gray-border);color:var(--gray-text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.orgdash-delete-btn:hover{color:#d33;background:#fee;border-color:#fcc}.orgdash-delete-btn:active{transform:scale(.95)}.orgdash-delete-btn svg{width:16px;height:16px}.granska-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.granska-overlay{align-items:center}}.granska-modal{background:var(--bg-white);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.25s ease-out slideUp;display:flex}@media (width>=768px){.granska-modal{border-radius:20px;max-height:80vh}}.granska-header{border-bottom:1px solid var(--gray-border);padding:1.25rem 1.5rem 1rem;position:relative}.granska-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.granska-counter{color:var(--gray-text);font-size:.85rem;position:absolute;top:1.25rem;right:3rem}.granska-close{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.8rem;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.granska-close:hover{background:var(--gray-light)}.granska-body{flex:1;padding:.75rem 1rem;overflow-y:auto}.granska-status{text-align:center;color:var(--gray-text);padding:2rem 1rem}.granska-error{color:#d33}.granska-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.granska-item{background:var(--bg-white);border:1px solid var(--gray-border);border-radius:12px;align-items:center;gap:.85rem;padding:.75rem;transition:all .15s;display:flex}.granska-item:hover{border-color:var(--primary-blue)}.granska-checkbox{cursor:pointer;align-items:center;display:flex;position:relative}.granska-checkbox input{opacity:0;cursor:pointer;position:absolute}.granska-checkmark{border:2px solid var(--gray-border);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.granska-checkbox input:checked+.granska-checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.granska-checkbox input:checked+.granska-checkmark:after{content:"✓";color:#fff;font-size:.9rem;font-weight:700}.granska-avatar{background:var(--primary-blue);width:40px;height:40px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.granska-avatar img{object-fit:cover;width:100%;height:100%}.granska-info{flex:1;min-width:0}.granska-name{color:var(--text-dark);margin:0;font-size:.95rem;font-weight:600}.granska-badge{background:var(--soft-blue);color:var(--primary-blue);border-radius:999px;margin-top:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.granska-open-profile{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;font-weight:600}.granska-open-profile:hover{opacity:.7}.granska-footer{border-top:1px solid var(--gray-border);gap:.75rem;padding:1rem 1.5rem;display:flex}.granska-btn-send,.granska-btn-cancel{cursor:pointer;border-radius:999px;flex:1;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:700}.granska-btn-send{background:var(--primary-blue);color:var(--text-light);border:none}.granska-btn-send:hover:not(:disabled){opacity:.9}.granska-btn-send:disabled{opacity:.5;cursor:not-allowed}.granska-btn-cancel{background:var(--bg-white);color:var(--primary-blue);border:1.5px solid var(--primary-blue)}.vp-overlay{z-index:1200;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.vp-overlay{align-items:center;padding:2rem}}.vp-modal{background:var(--bg-white);border-radius:24px 24px 0 0;width:100%;max-width:520px;max-height:90vh;animation:.25s ease-out slideUp;position:relative;overflow-y:auto}@media (width>=768px){.vp-modal{border-radius:20px}}.vp-close{color:var(--text-dark);cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.8rem;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.vp-status{text-align:center;color:var(--gray-text);padding:3rem 1rem}.vp-error{color:#d33}.vp-header{background:var(--primary-blue);color:var(--text-light);align-items:flex-start;gap:1rem;padding:2rem 1.5rem 1.5rem;display:flex}.vp-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.vp-avatar img{object-fit:cover;width:100%;height:100%}.vp-header-info h2{margin:0 0 .25rem;font-size:1.3rem}.vp-meta{opacity:.85;margin:0;font-size:.9rem}.vp-bio{opacity:.95;margin:.5rem 0 0;font-size:.85rem;line-height:1.4}.vp-tabs{border-bottom:1px solid var(--gray-border);gap:.5rem;padding:1rem 1.5rem;display:flex}.vp-tab{background:var(--bg-white);color:var(--primary-blue);border:1.5px solid var(--gray-border);cursor:pointer;border-radius:8px;flex:1;padding:.55rem;font-family:inherit;font-size:.85rem;font-weight:600}.vp-tab.active{background:var(--primary-blue);color:var(--text-light);border-color:var(--primary-blue)}.vp-content{padding:1.5rem}.vp-section{margin-bottom:1.5rem}.vp-section-title{color:var(--primary-blue);margin:0 0 .75rem;font-size:1rem;font-weight:700}.vp-tags{flex-wrap:wrap;gap:.5rem;display:flex}.vp-tag{background:var(--bg-white);border:1.5px solid var(--gray-border);color:var(--text-dark);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:500}.vp-empty{color:var(--gray-text);margin:0;font-size:.85rem}.vp-contact p{color:var(--text-dark);margin:.3rem 0;font-size:.9rem}.vp-experiences{flex-direction:column;gap:.75rem;display:flex}.vp-exp-card{background:var(--gray-light);border-radius:12px;padding:.85rem 1rem}.vp-exp-card h4{color:var(--text-dark);margin:0 0 .2rem;font-size:.95rem;font-weight:700}.vp-exp-card p{color:var(--gray-text);margin:0;font-size:.8rem}.vp-exp-date{margin-top:.2rem!important}.vp-exp-desc{line-height:1.4;color:var(--text-dark)!important;margin-top:.4rem!important}.volunteer-dashboard-wrapper{background-color:var(--primary-blue);flex-direction:column;align-items:center;min-height:100vh;display:flex}.volunteer-dashboard-nav{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:2.2rem 1.5rem;display:flex}.volunteer-dashboard-logo{color:#000;font-size:2.8rem;font-weight:900}.volunteer-dashboard-card{background:#fff;border-radius:16px;width:100%;max-width:900px;margin-top:.5rem;padding:2rem}.volunteer-dashboard-title{margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}.volunteer-dashboard-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.volunteer-dashboard-item{background:var(--gray-light);border:1px solid var(--gray-border);cursor:pointer;border-radius:14px;padding:1.2rem;transition:all .2s}.volunteer-dashboard-item:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.volunteer-dashboard-item h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.volunteer-dashboard-item p{color:#555;margin:.3rem 0 0;font-size:.95rem}.status-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin-top:1rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-badge.pending{color:#92400e;background-color:#fef3c7}.status-badge.approved{color:#166534;background-color:#dcfce7}.status-badge.rejected{color:#991b1b;background-color:#fee2e2}.volunteer-dashboard-nav-buttons{gap:1.5rem;display:flex}.volunteer-dashboard-nav-buttons button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:600;transition:all .2s}.volunteer-dashboard-nav-buttons button:hover{opacity:.7}.volunteer-dashboard-logo{cursor:pointer}@media (width<=390px){.volunteer-dashboard-nav{padding:2rem 1rem}.volunteer-dashboard-nav-buttons button{padding:0;font-size:1rem}.volunteer-dashboard-card{padding:1.5rem 1rem}.volunteer-dashboard-title{font-size:1.1rem}.volunteer-dashboard-item h3{font-size:1rem;line-height:1.4}.volunteer-dashboard-logo{display:none}}.coming-soon-wrapper{background:var(--primary-blue);flex-direction:column;min-height:100dvh;display:flex}.coming-soon-nav{background:var(--primary-blue);padding:1.5rem}.coming-soon-logo{color:#000;letter-spacing:-1px;margin:0;font-size:1.8rem;font-weight:900}.coming-soon-content{text-align:center;background:#fff;border-radius:30px 30px 0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.coming-soon-icon{background:var(--soft-blue);width:80px;height:80px;color:var(--primary-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.coming-soon-icon svg{width:40px;height:40px}.coming-soon-title{color:var(--text-dark);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.coming-soon-desc{color:var(--gray-text);max-width:400px;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.coming-soon-meta{color:var(--primary-blue);margin:0;font-size:.9rem;font-weight:600}@media (width<=767px){.coming-soon-content{padding-bottom:calc(80px + 3rem)}}.schedule-wrapper{background-color:var(--primary-blue);flex-direction:column;min-height:100dvh;display:flex}@media (width<=767px){.schedule-content{padding-bottom:calc(120px + 4rem)}}.schedule-top{background-color:var(--primary-blue);padding:1.5rem 1rem 0}.schedule-logo{color:#000;letter-spacing:-1px;margin:0 0 1rem;font-size:1.8rem;font-weight:900}.schedule-header-content{color:var(--text-light);padding-bottom:1.5rem}.schedule-title{margin:0 0 .25rem;font-size:2rem;font-weight:700}.schedule-subtitle{opacity:.9;margin:0 0 1.25rem;font-size:.95rem}.schedule-tabs{gap:.5rem;display:flex}.schedule-tab{background:var(--bg-white);color:var(--primary-blue);border:1.5px solid var(--bg-white);cursor:pointer;border-radius:999px;flex:1;padding:.55rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s}.schedule-tab.active{background:var(--primary-blue);color:var(--text-light);border-color:var(--text-light)}.schedule-content{background-color:var(--bg-white);z-index:1;border-radius:30px 30px 0 0;flex:1;padding:1.5rem;position:relative}.schedule-loading{text-align:center;color:var(--gray-text);padding:2rem}.schedule-save-msg{text-align:center;color:var(--primary-blue);margin:1rem 0;font-weight:600}.schedule-error-msg{text-align:center;color:#d33;margin:1rem 0;font-weight:600}.calendar-card{background:var(--bg-white);border-radius:16px;margin-bottom:1rem;padding:1rem}.calendar-header{justify-content:center;align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.calendar-nav{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;font-weight:700;line-height:1}.calendar-month{color:var(--text-dark);text-align:center;min-width:120px;margin:0;font-size:1.25rem;font-weight:700}.calendar-weekdays{text-align:center;color:var(--gray-text);grid-template-columns:repeat(7,1fr);gap:.4rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.4rem;animation:.3s ease-out contentFadeIn;display:grid}.calendar-day{aspect-ratio:1;background:var(--bg-white);color:var(--text-dark);cursor:default;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.calendar-day.other-month{visibility:hidden}.calendar-day.has-pass{background:var(--primary-blue);color:var(--text-light);border-color:var(--primary-blue);font-weight:600}.calendar-day.unavailable{color:#1f2937;background:#b8bcc4;border-color:#9ca3af;font-weight:500}.calendar-day.past{color:#9ca3af;opacity:.7;background:#f3f4f6;border-color:#e5e7eb}.calendar-day.today{box-shadow:0 0 0 2px var(--primary-blue)}.calendar-day:not(.past):not(.has-pass):not(.locked):not(.other-month){cursor:default}.calendar-day.locked{cursor:not-allowed}.calendar-grid button.calendar-day:not(:disabled):not(.past):not(.has-pass):hover{border-color:var(--primary-blue);cursor:pointer;transform:scale(1.05)}.calendar-legend{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.legend-item{color:var(--text-dark);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.legend-dot.blue{background:var(--primary-blue)}.legend-dot.grey{background:#b8bcc4;border:1px solid #9ca3af}.legend-dot.white{background:var(--bg-white);border:1px solid #d1d5db}.schedule-save-btn{background:var(--primary-blue);width:100%;color:var(--text-light);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .2s}.schedule-save-btn:hover{opacity:.9}.schedule-cancel-btn{background:var(--bg-white);width:100%;color:var(--primary-blue);border:1px solid var(--primary-blue);cursor:pointer;border-radius:12px;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700}.upprag-list{flex-direction:column;gap:1rem;display:flex}.upprag-card{background:var(--bg-white);border:1px solid var(--gray-border);border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000000d}.upprag-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.upprag-org{color:var(--gray-text);margin:0 0 .75rem;font-size:.9rem}.upprag-meta{color:var(--text-dark);flex-wrap:wrap;gap:.75rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.upprag-meta-item{color:var(--text-dark);align-items:center;gap:.4rem;display:inline-flex}.upprag-icon{color:var(--primary-blue);flex-shrink:0}.upprag-status{color:var(--gray-text);margin:.75rem 0;font-size:.85rem}.upprag-desc{color:var(--gray-text);margin:.5rem 0;font-size:.85rem;line-height:1.5}.upprag-show-more{border:1px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;background:0 0;border-radius:8px;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600}@media (width>=768px){.calendar-card{max-width:720px;margin:0 auto 1.5rem;padding:2rem}.upprag-list{max-width:720px;margin:0 auto}.schedule-save-btn,.schedule-cancel-btn{max-width:720px;margin-left:auto;margin-right:auto;display:block}.schedule-content{padding:2.5rem}.schedule-title{font-size:2.25rem}}.sidebar{display:none}@media (width>=768px){.sidebar{background:var(--primary-blue);width:240px;color:var(--text-light);z-index:100;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #00000014}.sidebar-top,.sidebar-bottom{flex-direction:column;gap:.4rem;display:flex}.sidebar-logo{color:#000;letter-spacing:-1px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 0 1.5rem .5rem;font-size:1.6rem;font-weight:900}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.85rem;padding:.75rem .85rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link:hover{color:var(--text-light);background:#ffffff1a}.sidebar-link.active{color:var(--text-light);background:#ffffff2e;font-weight:600}.sidebar-link-accent{background:var(--text-light);color:var(--primary-blue);margin-top:.5rem;font-weight:600}.sidebar-link-accent:hover{color:var(--primary-blue);background:#ffffffeb}.sidebar-link-muted,.sidebar-logout{color:#ffffffb3;font-size:.9rem}.sidebar-logout:hover{color:#ffd2d2;background:#ff64642e}.sidebar-user{cursor:pointer;background:#ffffff14;border-radius:12px;align-items:center;gap:.65rem;margin-bottom:.5rem;padding:.75rem;transition:background .15s;display:flex}.sidebar-user:hover{background:#ffffff24}.sidebar-avatar{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#fff9;margin:0;font-size:.75rem}.sidebar-toggle{background:var(--bg-white);width:28px;height:28px;color:var(--primary-blue);border:1.5px solid var(--primary-blue);cursor:pointer;z-index:101;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:1rem;right:-14px;box-shadow:0 2px 6px #0000001a}.sidebar-toggle:hover{background:var(--primary-blue);color:var(--text-light);transform:scale(1.1)}.sidebar-toggle svg{width:14px;height:14px}.sidebar{transition:width .25s}.sidebar.collapsed{width:72px;padding:1.5rem .5rem}.sidebar.collapsed .sidebar-logo{text-align:center;margin:0 0 1.5rem;font-size:1.8rem}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.75rem 0}.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-link-accent{background:var(--text-light);color:var(--primary-blue)}.sidebar-link-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-link-badge{color:#fff;text-align:center;border:2px solid var(--primary-blue);background:#e11d48;border-radius:999px;min-width:18px;padding:.05rem .35rem;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;top:-5px;right:-8px}}.app-layout{width:100%;min-height:100dvh;display:flex}.app-layout-main{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=768px){.app-layout-main{margin-left:240px;transition:margin-left .25s}body.sidebar-collapsed .app-layout-main{margin-left:72px}}.messages-wrapper{background-color:var(--primary-blue);flex-direction:column;min-height:100dvh;display:flex}@media (width<=767px){.messages-wrapper{padding-bottom:0}.group-list,.chat-messages{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.messages-top{color:var(--text-light);padding:1.5rem 1rem 1rem}.messages-logo{color:#000;letter-spacing:-1px;margin:0 0 1rem;font-size:1.8rem;font-weight:900}.messages-title{color:var(--text-light);margin:0;font-size:1.5rem;font-weight:700}.messages-layout{background:var(--bg-white);border-radius:30px 30px 0 0;flex:1;min-height:0;display:flex;overflow:hidden}.messages-sidebar{background:var(--bg-white);border-right:none;width:100%;overflow-y:auto}.messages-main{background:var(--bg-white);flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=768px){.messages-sidebar{border-right:1px solid var(--gray-border);flex-shrink:0;width:340px}.messages-sidebar.mobile-hidden,.messages-main.mobile-hidden{display:flex}}@media (width<=767px){.messages-sidebar.mobile-hidden,.messages-main.mobile-hidden{display:none}}.messages-empty{color:var(--gray-text);flex:1;justify-content:center;align-items:center;font-size:.95rem;display:flex}.group-list{margin:0;padding:0;list-style:none}.group-list-status{text-align:center;color:var(--gray-text);padding:2rem 1.5rem;font-size:.9rem}.group-list-error{color:#d33}.group-item{cursor:pointer;border-bottom:1px solid var(--gray-light);gap:.75rem;padding:.85rem 1rem;transition:background .15s;display:flex}.group-item:hover{background:var(--gray-light)}.group-item.active{background:var(--soft-blue)}.group-item-avatar{background:var(--primary-blue);width:48px;height:48px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.group-item-avatar img{object-fit:cover;width:100%;height:100%}.group-item-body{flex:1;min-width:0}.group-item-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.group-item-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.group-item-time{color:var(--gray-text);flex-shrink:0;font-size:.75rem}.group-item-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.group-item-preview{color:var(--gray-text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:.85rem;overflow:hidden}.group-item-badge{background:var(--primary-blue);color:var(--text-light);text-align:center;border-radius:999px;min-width:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.chat-view{flex-direction:column;flex:1;height:100%;display:flex}.chat-status{text-align:center;color:var(--gray-text);padding:2rem}.chat-error{color:#d33}.chat-header{border-bottom:1px solid var(--gray-border);background:var(--bg-white);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.chat-back-btn{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.6rem;font-weight:700}@media (width>=768px){.chat-back-btn{display:none}}.chat-header-avatar{background:var(--primary-blue);width:42px;height:42px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.chat-header-avatar img{object-fit:cover;width:100%;height:100%}.chat-header-info h2{color:var(--text-dark);margin:0;font-size:1rem;font-weight:700}.chat-header-info p{color:var(--gray-text);margin:0;font-size:.8rem}.chat-messages{background:var(--gray-light);flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.chat-date-divider{text-align:center;margin:1rem 0 .5rem}.chat-date-divider span{background:var(--bg-white);color:var(--gray-text);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.chat-message{align-items:flex-end;gap:.5rem;max-width:75%;display:flex}.chat-message.is-mine{flex-direction:row-reverse;margin-left:auto}.chat-msg-avatar{background:var(--primary-blue);width:30px;height:30px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.chat-msg-avatar img{object-fit:cover;width:100%;height:100%}.chat-msg-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.chat-msg-author{color:var(--gray-text);margin:0 0 .15rem .25rem;font-size:.75rem;font-weight:600}.chat-msg-bubble{background:var(--bg-white);word-wrap:break-word;border-radius:16px;padding:.6rem .85rem}.chat-message.is-mine .chat-msg-bubble{background:var(--primary-blue);color:var(--text-light)}.chat-msg-text{white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.4}.chat-msg-meta{align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.chat-msg-time{color:var(--gray-text);font-size:.7rem}.chat-msg-delete{color:var(--gray-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.7rem}.chat-msg-delete:hover{color:#d33}.chat-msg-attachments{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.chat-msg-bubble:has(.chat-msg-text) .chat-msg-attachments{margin-top:.5rem}.chat-attachment-image{border-radius:10px;max-width:250px;display:block;overflow:hidden}.chat-attachment-image img{width:100%;height:auto;display:block}.chat-attachment-file{color:inherit;background:#ffffff26;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:opacity .15s;display:flex}.chat-message:not(.is-mine) .chat-attachment-file{background:var(--gray-light)}.chat-attachment-file:hover{opacity:.85}.chat-attachment-icon{font-size:1.5rem}.chat-attachment-info{flex-direction:column;min-width:0;display:flex}.chat-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.85rem;font-weight:600;overflow:hidden}.chat-attachment-size{opacity:.7;font-size:.7rem}.chat-input-wrap{border-top:1px solid var(--gray-border);background:var(--bg-white);padding:.75rem}.chat-pending-files{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.chat-pending-file{background:var(--gray-light);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.8rem;display:flex}.chat-pending-file button{color:var(--gray-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.chat-pending-file button:hover{color:#d33}.chat-error-inline{color:#d33;background:#fee;border-radius:6px;margin:0 0 .5rem;padding:.4rem .6rem;font-size:.8rem}.chat-input-row{align-items:center;gap:.5rem;display:flex}.chat-attach-btn{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.chat-attach-btn:hover{background:var(--gray-light);color:var(--primary-blue)}.chat-input{border:1px solid var(--gray-border);border-radius:999px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.9rem}.chat-input:focus{border-color:var(--primary-blue)}.chat-send-btn{background:var(--primary-blue);color:var(--text-light);cursor:pointer;border:none;border-radius:999px;padding:0 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width>=768px){.messages-top{width:100%;max-width:1100px;margin:0 auto;padding:2rem 2rem 1.5rem}.messages-layout{width:100%;max-width:1100px;margin:0 auto}}.messages-title-row{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.messages-create-btn{background:var(--bg-white);color:var(--primary-blue);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .15s}.messages-create-btn:hover{opacity:.9}.chat-header-settings{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:.5rem;transition:all .15s;display:flex}.chat-header-settings:hover{background:var(--gray-light);color:var(--primary-blue)}.cg-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out cgFadeIn;display:flex;position:fixed;inset:0}@keyframes cgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cgSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cg-modal{background:var(--bg-white);border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out cgSlideUp;display:flex;overflow:hidden}.cg-modal-large{max-width:560px}.cg-header{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cg-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.cg-close{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.8rem;line-height:1;transition:background .15s;display:flex}.cg-close:hover{background:var(--gray-light)}.cg-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.cg-label{color:var(--text-dark);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.cg-input,.cg-textarea{border:1px solid var(--gray-border);background:var(--bg-white);color:var(--text-dark);border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:400}.cg-input:focus,.cg-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #2a43a626}.cg-textarea{resize:vertical;min-height:80px}.cg-error{color:#d33;background:#fee;border-radius:8px;margin:0;padding:.6rem .85rem;font-size:.85rem}.cg-status{text-align:center;color:var(--gray-text);margin:0;padding:1rem}.cg-actions{gap:.75rem;margin-top:.5rem;display:flex}.cg-btn-cancel,.cg-btn-save{cursor:pointer;border-radius:12px;flex:1;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .15s}.cg-btn-cancel{background:var(--bg-white);color:var(--primary-blue);border:1px solid var(--primary-blue)}.cg-btn-cancel:hover:not(:disabled){background:var(--soft-blue)}.cg-btn-save{background:var(--primary-blue);color:var(--text-light);border:none}.cg-btn-save:hover:not(:disabled){opacity:.9}.cg-btn-save:disabled,.cg-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.cg-info-block{border-bottom:1px solid var(--gray-light);padding-bottom:1rem}.cg-info-title{color:var(--text-dark);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.cg-info-desc{color:var(--gray-text);margin:0 0 .4rem;font-size:.9rem}.cg-info-meta{color:var(--gray-text);margin:0;font-size:.8rem}.cg-section-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:700}.cg-member-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cg-member-item{background:var(--gray-light);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.cg-member-avatar{background:var(--primary-blue);width:36px;height:36px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.cg-member-avatar img{object-fit:cover;width:100%;height:100%}.cg-member-info{flex:1;min-width:0}.cg-member-name{color:var(--text-dark);margin:0;font-size:.9rem;font-weight:600}.cg-member-role{color:var(--gray-text);margin:0;font-size:.75rem}.cg-member-remove{color:#d33;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .6rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s}.cg-member-remove:hover{background:#fee}.cg-danger-zone{border-top:1px solid var(--gray-light);margin-top:1rem;padding-top:1rem}.cg-btn-danger{color:#d33;cursor:pointer;background:#fee;border:1px solid #fcc;border-radius:12px;width:100%;padding:.85rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.cg-btn-danger:hover{background:#fcc}.cg-add-member-section{border-bottom:1px solid var(--gray-light);flex-direction:column;gap:.5rem;padding-bottom:1rem;display:flex}.cg-search-status{color:var(--gray-text);text-align:center;margin:0;padding:.5rem;font-size:.85rem}.cg-search-results{flex-direction:column;gap:.4rem;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cg-search-result{background:var(--soft-blue);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .15s;display:flex}.cg-search-result:hover{background:#e8ecf8b3}.cg-search-add-btn{background:var(--primary-blue);color:var(--text-light);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:opacity .15s}.cg-search-add-btn:hover:not(:disabled){opacity:.9}.cg-search-add-btn:disabled{opacity:.5;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}.profile-wrapper{background-color:#2f44a5;flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;font-family:Inter,sans-serif;display:flex}.header-blue{color:#fff;padding:1.5rem 1rem 1rem}.top-nav{justify-content:flex-start;align-items:center;margin-bottom:1rem;display:flex}.volunti-logo{letter-spacing:-1px;color:#000;margin:0;font-size:1.8rem;font-weight:900}.home-icon-container{cursor:pointer}.profile-card{background:0 0;border:1.5px solid #ffffffe6;border-radius:28px;gap:15px;margin-bottom:30px;padding:30px 20px 50px;display:flex;position:relative}.avatar-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.avatar-container{cursor:pointer;border-radius:50%;width:95px;height:95px;margin-top:-15px;margin-left:-1px;transition:transform .15s;position:relative;overflow:hidden}.profile-img{object-fit:cover;object-position:center 15%;width:100%;height:100%;display:block}.profile-info h2{margin-bottom:2px;font-size:18px;font-weight:600}.profile-stats{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.separator{opacity:.6}.profile-bio{opacity:.9;max-width:180px;font-size:12px;line-height:1.5}.cv-tag-button{color:#2f44a5;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:6px 35px;font-size:14px;font-weight:700;position:absolute;bottom:6px;left:20px;box-shadow:0 4px 10px #0003}.tab-menu{gap:12px;margin-top:15px;display:flex}.tab-btn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #fff;border-radius:12px;flex:1;padding:9px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 10px 30px #00000026}.tab-btn.active{color:#2f44a5;background:#fff;box-shadow:0 10px 30px #00000026}.content-white{background:#fff;border-top-left-radius:50px;border-top-right-radius:50px;flex-grow:1;padding:45px 30px 50px}.info-section{margin-bottom:30px}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h3{color:#2f44a5;font-size:17px;font-weight:700}.add-link{color:#2f44a5;cursor:pointer;font-size:13px;font-weight:500}.tags-container{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{word-break:keep-all;color:#777;text-align:center;white-space:nowrap;background:#fff;border:1.5px solid #99a3d3;border-radius:12px;width:auto;padding:10px 16px;font-size:14px;box-shadow:0 10px 30px #00000026}@media (width>=380px){.skill-tag{font-size:14px}}.experience-list{flex-direction:column;gap:15px;display:flex}.exp-card{background:#fff;border:1.5px solid #99a3d3;border-radius:18px;padding:18px;box-shadow:0 10px 30px #00000026}.exp-card h4{color:#444;font-size:15px;font-weight:600}.exp-card p{color:#999;font-size:13px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-date{color:#999;font-size:13px}.impact-cards-grid{justify-content:space-between;gap:10px;display:flex}.impact-square-card{background:#fff;border:1.5px solid #2f44a5;border-radius:15px;flex-direction:column;flex:1;align-items:center;padding:15px 5px;display:flex;box-shadow:0 10px 30px #0000001a}.impact-val{color:#2f44a5;margin-bottom:2px;font-size:26px;font-weight:800}.impact-lab{color:#2f44a5;font-size:12px;font-weight:500}.level-box{background:#fff;border:1.5px solid #2f44a5;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0000001a}.level-box h4{color:#444;margin-bottom:12px;font-size:16px;font-weight:700}.level-status-text{color:#999;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progress-container{background:#fff;border:1.5px solid #2f44a5;border-radius:10px;width:100%;height:14px;margin-bottom:10px;overflow:hidden}.progress-fill{background:#2f44a5;height:100%}.level-footer{color:#999;font-size:12px}.help-circle{color:#2f44a5;border:1.5px solid #2f44a5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.exp-card{word-break:break-word;overflow-wrap:anywhere}.exp-card h4{word-break:break-word;overflow-wrap:anywhere;line-height:1.3}.exp-card p{word-break:break-word;overflow-wrap:anywhere;margin-top:4px}.profile-info h2,.profile-bio{word-break:break-word;overflow-wrap:anywhere}.info-section .exp-card{padding:14px 16px}.add-link{cursor:pointer;-webkit-user-select:none;user-select:none}.add-link:hover{text-decoration:underline}.add-tag-form{align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.add-tag-input{color:#1a1a1a;background:#fff;border:1.5px solid #2f44a5;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.add-tag-input:focus{box-shadow:0 0 0 2px #2f44a533}.add-tag-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2f44a5;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s}.add-tag-save-btn:hover:not(:disabled){opacity:.9}.add-tag-save-btn:disabled{opacity:.5;cursor:not-allowed}.add-tag-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:13px}.removable-tag{align-items:center;gap:6px;text-align:left!important;width:auto!important;padding:8px 6px 8px 14px!important;display:inline-flex!important}.tag-remove-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 6px;font-size:18px;line-height:1;transition:all .15s}.tag-remove-btn:hover{color:#dc2626;background:#fee2e2}.add-tag-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:16px}.add-tag-hint{color:#4b5563;margin:0 0 10px;font-size:13px;font-weight:600}.add-tag-hint:not(:first-child){margin-top:16px}.preset-chips{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{color:#2f44a5;cursor:pointer;background:#fff;border:1.5px solid #99a3d3;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,transform .1s}.preset-chip:hover:not(:disabled){color:#fff;background:#2f44a5}.preset-chip:active{transform:scale(.97)}.preset-chip:disabled{opacity:.5;cursor:not-allowed}.exp-card,.exp-card h4,.exp-card p,.profile-info h2,.profile-bio{word-break:break-word;overflow-wrap:anywhere}.exp-card p{margin-top:4px}.cv-button-group{align-items:center;gap:6px;display:flex;position:absolute;bottom:6px;left:20px}.cv-tag-button{cursor:pointer;transition:opacity .15s;position:static;bottom:auto;left:auto}.cv-tag-button:hover:not(:disabled){opacity:.85}.cv-tag-button:disabled{opacity:.5;cursor:not-allowed}.cv-remove-btn{color:#2f44a5;cursor:pointer;background:#fff;border:1.5px solid #fff9;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;font-weight:600;line-height:1;transition:background .15s,color .15s,transform .1s;display:flex;box-shadow:0 2px 8px #00000026}.cv-remove-btn:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.cv-remove-btn:active{transform:scale(.95)}.cv-error-text{color:#fca5a5;background:#0003;border-radius:6px;margin:0;padding:2px 8px;font-size:11px;position:absolute;bottom:-28px;left:20px}.file-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.file-card{background:#fff;border:1.5px solid #99a3d3;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 12px #0000000d}.file-card:hover{border-color:#2f44a5;box-shadow:0 6px 16px #2f44a51f}.file-card-content{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-icon{flex-shrink:0;font-size:24px}.file-info{flex:1;min-width:0}.file-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:600;overflow:hidden}.file-meta{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.file-remove-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;transition:all .15s;display:flex}.file-remove-btn:hover{color:#dc2626;background:#fee2e2}.file-upload-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:16px;display:flex}.file-input-hidden{display:none}.file-pick-btn{color:#2f44a5;cursor:pointer;text-align:center;background:#fff;border:1.5px dashed #2f44a5;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:background .15s;display:block}.file-pick-btn:hover{background:#2f44a50d}.file-form-actions{gap:8px;display:flex}.file-form-actions .add-tag-save-btn{flex:1}.file-cancel-btn{color:#4b5563;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s}.file-cancel-btn:hover:not(:disabled){background:#f3f4f6}.file-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.experience-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:16px;display:flex}.experience-date-row{gap:10px;display:flex}.experience-date-field{flex-direction:column;flex:1;gap:4px;display:flex}.experience-date-label{color:#4b5563;font-size:12px;font-weight:600}.exp-card-detailed{padding:14px 16px}.exp-card-detailed .card-header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.exp-card-detailed h4{flex:1}.exp-org{color:#2f44a5;margin:4px 0 0;font-size:13px;font-weight:500}.exp-date{color:#999;margin:4px 0 0;font-size:12px}.exp-description{color:#4b5563;margin:8px 0 0;font-size:13px;line-height:1.5}.exp-attachment-btn{color:#2f44a5;cursor:pointer;background:#fff;border:1.5px solid #99a3d3;border-radius:8px;margin-top:10px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s}.exp-attachment-btn:hover{background:#f3f4f6}.avatar-container{transition:transform .15s}.avatar-container:hover{transform:scale(1.03)}.avatar-container:active{transform:scale(.98)}.avatar-placeholder{color:#fff;text-align:center;letter-spacing:.2px;background:#ffffff26;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:600;line-height:1.2;transition:background .15s;display:flex}.avatar-container:hover .avatar-placeholder{background:#ffffff40}.avatar-overlay{color:#fff;border-radius:inherit;background:#00000080;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=767px){.profile-wrapper{padding-bottom:0}.content-white{padding-bottom:130px}}.add-tag-section,.file-upload-form,.experience-form{animation:.3s ease-out sectionExpand;overflow:hidden}.tab-btn,.skill-tag,.preset-chip,.file-card,.exp-card{transition:all .2s}.skill-tag:hover,.preset-chip:hover{transform:translateY(-1px)}.skill-tag,.file-card,.exp-card{animation:.25s ease-out tagFadeIn}.mobile-only-actions{display:block}@media (width>=768px){.header-blue{border-radius:0;padding:1.5rem 1rem}.profile-card{gap:2rem;max-width:760px;margin:1.5rem auto;padding:2rem}.profile-info h2{font-size:2rem}.tab-menu{gap:1rem;max-width:760px;margin:1rem auto 0}.tab-btn{padding:.75rem 2rem;font-size:1rem}.content-white{width:100%;max-width:960px;margin:0 auto;padding:3rem}.info-section{margin-bottom:2rem}.info-section h3{font-size:1.15rem}.tags-container{gap:.6rem}.avatar-section{gap:1.25rem}.cv-button-group{justify-content:center;margin-top:.5rem;position:static;bottom:auto;left:auto}.cv-error-text{text-align:center;color:#fca5a5;background:0 0;position:static;bottom:auto;left:auto}}.profile-wrapper .avatar-container{border-radius:50%}.tab-content-anim{animation:.25s ease-out fadeInTab}@keyframes fadeInTab{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.oem-overlay{z-index:1200;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=768px){.oem-overlay{align-items:center;padding:2rem}}.oem-modal{background:var(--bg-white);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s ease-out slideUp;display:flex}@media (width>=768px){.oem-modal{border-radius:20px}}.oem-header{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.oem-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.oem-close{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;padding:0;font-size:1.8rem;line-height:1}.oem-close:hover{background:var(--gray-light)}.oem-body{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.oem-hint{color:var(--gray-text);margin:0;font-size:.85rem}.oem-field{flex-direction:column;gap:.4rem;display:flex}.oem-field label{color:var(--text-dark);font-size:.85rem;font-weight:600}.oem-input{border:1.5px solid var(--gray-border);background:var(--bg-white);color:var(--text-dark);border-radius:10px;outline:none;padding:.7rem .85rem;font-family:inherit;font-size:.95rem}.oem-input:focus{border-color:var(--primary-blue)}.oem-textarea{resize:vertical;min-height:80px}.oem-list{flex-direction:column;gap:.5rem;display:flex}.oem-list-item{background:var(--gray-light);border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.9rem;display:flex}.oem-list-remove{color:var(--gray-text);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px;padding:0;font-size:1.3rem;line-height:1}.oem-list-remove:hover{color:#d33;background:#0000000d}.oem-add-row{gap:.5rem;display:flex}.oem-add-row .oem-input{flex:1}.oem-add-btn{background:var(--primary-blue);color:var(--text-light);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:0 1rem;font-family:inherit;font-size:.85rem;font-weight:600}.oem-add-btn:disabled{opacity:.5;cursor:not-allowed}.oem-error{color:#d33;background:#fee;border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.85rem}.oem-actions{gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.oem-btn-cancel,.oem-btn-save{cursor:pointer;border-radius:12px;flex:1;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:700}.oem-btn-cancel{background:var(--bg-white);color:var(--primary-blue);border:1.5px solid var(--primary-blue)}.oem-btn-save{background:var(--primary-blue);color:var(--text-light);border:none}.oem-btn-save:disabled,.oem-btn-cancel:disabled{opacity:.5;cursor:not-allowed}