/*
Theme Name: Juvilu
Theme URI: https://juvilu.com
Author: Juvilu
Description: Independent Work & Travel platform demo with student, business and administrator workflows.
Version: 1.7.0
Requires PHP: 7.4
Text Domain: juvilu
*/
:root{--bg:#071b2e;--nav:#081f34;--surface:#10334d;--surface2:#17435d;--edge:#315973;--teal:#43dfcb;--text:#f1fbff;--muted:#b6cedd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1150px,calc(100% - 34px));margin:auto}.header{background:#071d31;border-bottom:1px solid #264a60;position:sticky;top:0;z-index:10}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0}.logo{font-weight:900;font-size:32px;letter-spacing:-2px}.logo span{color:var(--teal)}.nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.nav a{font-weight:700;font-size:13px;padding:10px;border-radius:8px;color:#d2e4ed}.nav a:hover,.nav a.active{background:#1c4960;color:var(--teal)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:var(--teal);border:1px solid var(--teal);border-radius:10px;color:#06313c;font-weight:850;padding:11px 17px;cursor:pointer}.btn.secondary{background:transparent;border-color:#658ca3;color:#f2faff}.btn.dark{background:#21526a;border-color:#31647b;color:white}.btn.danger{background:#813f50;border-color:#ad6072;color:white}.btn.small{font-size:12px;padding:8px 11px}.hero{padding:90px 0 70px;background:radial-gradient(ellipse at 83% 12%,#1d6282,transparent 54%),linear-gradient(135deg,#071a2d,#103b58)}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.07;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:18px;max-width:660px;color:#c5dce8;line-height:1.7}.eyebrow{font-size:11px;color:var(--teal);letter-spacing:2.5px;font-weight:900}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.section{padding:48px 0}.section h2,.page h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:8px 0}.muted{color:var(--muted)}p{line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:22px;min-width:0}.card h3{margin:12px 0 5px;font-size:19px}.card p{color:var(--muted)}.card .icon{font-size:27px}.banner{background:linear-gradient(115deg,#0e304a,#195b75);border:1px solid #39738a;padding:35px;border-radius:18px;margin:30px 0}.page{padding:43px 0;min-height:60vh}.field{margin:15px 0}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #467087;background:#08263c;color:#f1fbff;border-radius:10px;padding:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal)}.field input::placeholder,.field textarea::placeholder{color:#86a8b8}.form{max-width:760px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.hint{font-size:12px;color:#9fbecf}.alert{background:#154c51;color:#b9fff2;border:1px solid #2e9189;border-radius:10px;padding:14px;margin:18px 0}.alert.bad{background:#562c3b;color:#ffe2e9;border-color:#9b546a}.tag{display:inline-block;background:#1d5861;border-radius:25px;padding:5px 10px;font-size:11px;color:#9af3e5;font-weight:850}.listing{padding:0;overflow:hidden}.listing img{width:100%;height:180px;object-fit:cover;display:block}.listing .inside{padding:19px}.price{font-weight:900;color:var(--teal);font-size:24px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs a{border:1px solid var(--edge);padding:10px 13px;border-radius:10px;background:#153c54}.tabs a.active{background:#235d6a;color:#a4f8ea}.stat{font-size:30px;color:var(--teal);font-weight:900}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.line{border:0;border-top:1px solid var(--edge);margin:17px 0}.footer{background:#061728;border-top:1px solid #23485f;padding:35px 0}.footer p{color:#a8c4d3}.empty{padding:30px;border:1px dashed #4d7489;border-radius:12px;text-align:center;color:#afcbd9}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gallery img{width:100%;height:160px;object-fit:cover;border-radius:12px}.notice{color:#a9f5e7;font-weight:700}.check{display:flex;gap:10px;margin:13px 0;align-items:center}.check input{accent-color:var(--teal);width:19px;height:19px}.badge{color:#a6f6e8;font-size:12px}.details{display:grid;grid-template-columns:2fr 1fr;gap:20px}.details img{width:100%;max-height:380px;object-fit:cover;border-radius:14px}.right{text-align:right}.subnav{background:#0c2a40;border-bottom:1px solid #315670}.subnav .wrap{display:flex;gap:9px;overflow-x:auto;padding:10px 0}.subnav a{white-space:nowrap;font-size:12px;color:#c6e0ed;padding:8px 10px;border-radius:7px}.subnav a:hover{background:#1c4e66}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #2e566d}th{color:#a5d3dd;font-size:12px}.overflow{overflow-x:auto}@media(max-width:700px){.header .wrap{flex-wrap:wrap}.nav{width:100%;justify-content:space-between}.nav a{padding:8px 5px}.grid,.grid.two,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{letter-spacing:-2px}.formgrid{grid-template-columns:1fr}.card{padding:15px}.listing img{height:125px}}@media(max-width:440px){.grid,.grid.two{gap:10px}.listing .inside{padding:12px}.listing h3{font-size:16px}.banner{padding:22px}}

/* Two single-line, bold, seamless announcement marquees */
.jv-marquees{position:relative;z-index:12;overflow:hidden}.jv-marquee{width:100%;overflow:hidden;white-space:nowrap}.jv-marquee-track{display:flex;width:max-content;will-change:transform;animation:jv-scroll-left 24s linear infinite}.jv-marquee-group{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}.jv-marquee-group span{display:inline-block;flex:0 0 auto;white-space:nowrap;padding:0 26px;font-weight:900}.jv-marquee-primary{background:#36d9c4;color:#071a2d;font-size:12px;letter-spacing:1px;padding:11px 0}.jv-marquee-countries{background:#123853;color:#fff;font-size:11px;letter-spacing:.35px;padding:9px 0}.jv-marquee-countries .jv-marquee-track{animation-name:jv-scroll-right;animation-duration:42s}.jv-marquee-countries .jv-marquee-group span{padding:0 19px}@keyframes jv-scroll-left{to{transform:translateX(-50%)}}@keyframes jv-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.jv-community{padding-bottom:75px}.jv-community .stat{font-size:46px}@media(max-width:600px){.jv-marquee-primary{font-size:11px;padding:10px 0}.jv-marquee-countries{font-size:10px;padding:8px 0}.jv-community .stat{font-size:35px}}@media(prefers-reduced-motion:reduce){.jv-marquee-track{animation:none}}

/* v1.3: animated hero backdrop, intentionally behind the content */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#071a2d;min-height:490px}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(24px);will-change:transform,opacity}
.hero:before{width:min(85vw,900px);height:min(85vw,900px);right:-21%;top:-65%;background:radial-gradient(circle,rgba(41,164,201,.47) 0%,rgba(17,92,139,.28) 39%,transparent 70%);animation:jv-aurora-one 14s ease-in-out infinite alternate}
.hero:after{width:min(75vw,750px);height:min(75vw,750px);left:-30%;bottom:-120%;background:radial-gradient(circle,rgba(54,217,196,.24),rgba(14,79,127,.16) 42%,transparent 72%);animation:jv-aurora-two 19s ease-in-out infinite alternate}
.hero .wrap{position:relative;z-index:1}
.hero .wrap:before{content:"";position:absolute;inset:-75px -100vw;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(98,201,228,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(98,201,228,.15) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent 8%,#000 60%,transparent 95%);animation:jv-grid-drift 35s linear infinite}
@keyframes jv-aurora-one{0%{transform:translate(-12%,8%) scale(.85);opacity:.6}100%{transform:translate(8%,20%) scale(1.25);opacity:1}}
@keyframes jv-aurora-two{0%{transform:translate(8%,-12%) scale(1);opacity:.6}100%{transform:translate(30%,-30%) scale(1.3);opacity:1}}
@keyframes jv-grid-drift{to{background-position:110px 55px}}
/* Stats immediately beneath the hero, above the feature cards */
.jv-community{padding-top:35px;padding-bottom:43px;border-bottom:1px solid #1c4258}
.jv-community h2{font-size:clamp(24px,3.3vw,36px)}
.jv-community .card{background:linear-gradient(150deg,#123b56,#0c2b43);border-color:#28536c}
@media(max-width:700px){.hero{min-height:0}.hero:before{width:650px;height:650px;right:-390px;top:-250px}.hero:after{width:500px;height:500px;left:-320px;bottom:-300px}.jv-community{padding-top:32px}.jv-community .stat{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero .wrap:before{animation:none}}

/* v1.4: animated marquee divider, community metrics at the end */
.jv-hero-divider{position:relative;z-index:2;border-top:1px solid #28566c;border-bottom:1px solid #28566c}
.jv-hero-divider .jv-marquees{z-index:2}
.jv-community{padding-top:65px;padding-bottom:85px;border-top:1px solid #1c4258;border-bottom:0}
.jv-stats-grid{margin-top:25px}
.jv-first-year{margin-top:16px;min-height:145px;background:linear-gradient(105deg,#123b56,#0d324a);border:1px solid #28536c;border-radius:16px;padding:25px}
.jv-first-year h3{margin:8px 0 4px}
.jv-first-year p{margin:0;color:var(--muted)}
@media(max-width:700px){.jv-community{padding-top:42px;padding-bottom:55px}.jv-first-year{min-height:125px}}

.jv-onboard{max-width:830px;margin:30px auto 75px}.jv-step-progress{height:7px;background:#22435a;border-radius:20px;overflow:hidden;margin:14px 0 27px}.jv-step-progress span{display:block;height:100%;background:#36d9c4}.jv-job-editor{grid-column:1/-1;margin:12px 0 24px}.jv-job-rows{display:grid;gap:13px;margin-bottom:12px}.jv-job-row{padding:19px}.jv-job-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.jv-journey-card{margin:24px 0;background:linear-gradient(115deg,#12445b,#0c2940);border-color:#23667a}

/* Global language selector */
.header .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jv-language{margin-left:auto;display:flex;align-items:center;gap:5px;min-width:0}
.jv-language select{max-width:175px;min-height:36px;border-radius:10px;border:1px solid #3d6478;background:#0d3048;color:#fff;padding:7px 9px;font-size:12px;font-weight:750;cursor:pointer}
.jv-language-help{font-size:14px}
#jv-google-translate{position:absolute;left:-9999px;top:-9999px}
.goog-te-banner-frame,.skiptranslate iframe{display:none!important}
body{top:0!important}
#jv-translate-warning{background:#45361e;color:#fff;padding:12px;text-align:center}
@media(max-width:620px){.jv-language{order:2}.jv-language select{max-width:136px}.header .wrap{gap:8px}}

.subnav{display:none!important}.jv-header-menu{position:relative;z-index:60}.jv-header-menu summary{cursor:pointer;color:#fff;font-weight:700;white-space:nowrap}.jv-header-menu-links{position:absolute;right:0;top:34px;background:#0e2a41;border:1px solid #31576b;border-radius:12px;min-width:180px;padding:8px;box-shadow:0 12px 30px #0006}.jv-header-menu-links a{display:block;padding:10px;color:white;text-decoration:none}.jv-local-launch{padding-top:28px;padding-bottom:10px}.jv-earnings-total{background:linear-gradient(120deg,#10445b,#0c283f)}.jv-pay-details summary{list-style:none;cursor:pointer}.jv-pay-details summary::-webkit-details-marker{display:none}.jv-pay-details form{margin-top:16px}.jv-section-head,.jv-employer-row,.jv-pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.jv-pay-row{flex-wrap:wrap}.jv-pay-row b{color:#36d9c4}.jv-employer-row p{margin:4px 0}.jv-welcome-overlay{position:fixed;inset:0;z-index:10000;background:#001323db;display:grid;place-items:center;padding:16px}.jv-welcome-box{max-width:550px;width:100%;border-radius:22px;background:#0b263e;overflow:hidden;box-shadow:0 15px 70px #0009;position:relative}.jv-welcome-photo{height:220px;background:linear-gradient(0deg,#0b263e66,#0b263e00),url(https://images.unsplash.com/photo-1485738422979-f5c462d49f74?w=1200) center/cover}.jv-welcome-inner{text-align:center;padding:25px}.jv-welcome-inner h1{font-size:clamp(25px,5vw,38px)}.jv-confetti{position:absolute;top:-25px;animation:jv-fall 3s linear infinite;pointer-events:none}@keyframes jv-fall{to{transform:translateY(650px) rotate(620deg)}}@media(max-width:600px){.jv-header-menu summary{font-size:12px}.jv-header-menu-links{right:-20px}.jv-pay-row{font-size:13px}}