/* Жаңа адамдар · light editorial UI · palette sampled from provided reference */
:root{--purple:#5119bb;--purple2:#7329dc;--deep:#29105f;--yellow:#ffe136;--ink:#161326;--muted:#62647a;--bg:#fff;--soft:#f5f1ff;--line:#eeeaf5;--shadow:0 12px 34px rgba(62,24,117,.075);--r:20px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,'Segoe UI',Arial,system-ui,sans-serif;font-size:15px;line-height:1.48;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--yellow);color:var(--ink)}.shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.nav-wrap{position:sticky;z-index:100;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(86,27,183,.06)}.nav{min-height:80px;display:flex;align-items:center;gap:28px;justify-content:space-between}.logo{display:inline-flex;gap:13px;align-items:center;flex:none}.logo .ja-mark{font-weight:1000;font-size:42px;line-height:1;letter-spacing:-6px;font-style:italic;display:inline-block;padding-right:7px;color:var(--purple)}.logo .ja-mark i{font-style:normal;color:var(--yellow)}.logo-word{font-size:15px;font-weight:950;line-height:1.05;letter-spacing:-.5px}.navlinks{display:flex;gap:26px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.navlinks>a:not(.btn){font-size:13px;font-weight:650;transition:color .2s}.navlinks>a:not(.btn):hover{color:var(--purple)}.navlinks>a.active{color:var(--purple)}.navlinks .btn{white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--purple);border-radius:12px;padding:9px 11px;font-size:21px}.user-link{max-width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.btn{display:inline-flex;gap:10px;justify-content:center;align-items:center;width:max-content;min-height:43px;padding:11px 19px;border:1px solid transparent;border-radius:11px;background:#f1ecfb;color:var(--purple);font-weight:800;font-size:13px;transition:transform .22s,box-shadow .22s,background .22s;text-align:center}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(83,27,183,.14)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 5px 15px #5515b51a}.btn.outline{background:#fff;color:var(--purple);border-color:#e5d6f8}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.small{font-size:12px;padding:8px 12px;min-height:32px}.btn.tiny{padding:7px 10px;min-height:29px}.btn:focus-visible,.menu-toggle:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e1ad24;outline-offset:3px}
/* Home */.landing{overflow:hidden}.hero{min-height:430px;display:grid;grid-template-columns:46% 54%;align-items:center;gap:0;position:relative;padding:38px 0 32px}.hero::before{content:'';position:absolute;z-index:-1;right:-140px;top:15px;width:690px;height:390px;background:radial-gradient(ellipse at center,#faf2ff,transparent 70%);border-radius:50%}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,4.7vw,68px);font-weight:1000;letter-spacing:-3px;line-height:1.04;margin:0 0 18px}.hero h1 em{font-style:normal;color:var(--purple);display:inline}.hero .lead{font-size:17px;line-height:1.55;color:#5b5f72;max-width:500px;margin:0}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.avatar-strip{display:flex;align-items:center;gap:13px;color:#5b5f73;font-size:13px}.avatars{display:flex;align-items:center}.avatars img{width:32px;height:32px;object-fit:cover;border-radius:50%;border:3px solid white;margin-right:-8px}.avatar-strip .yellow-pill{background:var(--yellow);padding:7px;border-radius:50px;font-weight:900;font-size:12px;color:#181025;margin-left:3px}.avatar-strip strong{color:var(--purple)}.avatar-strip .counter-note{max-width:220px}.hero-art{position:relative;min-width:0;min-height:365px;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:35px -35px 5px 5px;background:radial-gradient(circle at 47% 45%,#f5eafd 0,rgba(252,238,239,.35) 45%,transparent 72%);border-radius:48% 52% 29% 45%}.hero-art .hero-brand{position:relative;z-index:1;width:100%;filter:drop-shadow(0 14px 19px rgba(85,25,173,.035));animation:float-brand 6.5s ease-in-out infinite}.doodle{font-family:'Segoe Print','Comic Sans MS',cursive;font-style:italic;color:var(--purple);font-size:19px;font-weight:800;line-height:1.3;transform:rotate(-9deg)}.hero-doodle-top{position:absolute;top:11px;right:6px;text-align:center;z-index:2}.hero-doodle-right{position:absolute;bottom:24px;right:3px;transform:rotate(-6deg)}.hero-sun{position:absolute;right:-20px;bottom:-28px;width:155px;height:130px;background:#fff2aa;filter:blur(18px);opacity:.35;border-radius:50%}.hand-heart{position:absolute;color:#f0b900;right:4px;top:100px;font-size:36px;transform:rotate(18deg)}
section{padding:35px 0}h2,h3,p{overflow-wrap:anywhere}h2{font-size:clamp(28px,3.1vw,39px);line-height:1.13;letter-spacing:-1.2px;margin:0;font-weight:930}h3{letter-spacing:-.5px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.sectionhead .sub{color:var(--muted);font-size:14px}.sectionhead .link{color:var(--purple);font-weight:850;font-size:13px;white-space:nowrap}.eyebrow{color:var(--purple);font-size:12px;letter-spacing:1.3px;font-weight:950;text-transform:uppercase}.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:6px;color:var(--purple);background:#eee5fc;font-weight:800;border-radius:20px;padding:6px 11px;font-size:11px}.chip.gray{color:#676174;background:#f3f3f6}.tiny{font-size:12px;color:var(--muted)}.alert{color:#ba6e02}
.about-home{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding-top:4px}.about-photo-wrap{position:relative}.about-photo-wrap>img{width:100%;aspect-ratio:1.74;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.about-photo-wrap:after{content:'✦';position:absolute;top:-24px;right:-12px;color:#f5b900;font-size:39px;transform:rotate(-10deg)}.about-body h2{margin:9px 0 12px}.about-body>p{color:var(--muted);line-height:1.5;margin-bottom:17px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature{border-radius:18px;background:linear-gradient(135deg,#f8f6fc,#f7f3ff);padding:16px 12px;min-height:120px}.feature .symbol{font-size:30px;color:var(--purple);display:block;line-height:1;margin-bottom:11px}.feature.yellow .symbol{color:#efc209}.feature b{font-size:13px;display:block}.feature p{font-size:11px;color:var(--muted);margin:4px 0}
.gk-showcase{padding-top:18px}.leader-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.leader-card{display:flex;align-items:stretch;gap:13px;background:linear-gradient(115deg,#fffbef,#f7f1ff);border-radius:20px;padding:10px;min-width:0;min-height:135px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.leader-card:nth-child(2n){background:linear-gradient(110deg,#f4eaff,#faf7ff)}.leader-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.leader-card img{width:42%;min-width:90px;object-fit:cover;border-radius:15px}.leader-card .leader-info{min-width:0;padding:6px 2px}.leader-card h3{font-size:14px;line-height:1.2;margin:2px 0 4px}.leader-card small{color:var(--muted);font-size:11px;display:block}.leader-card p{font-size:11px;line-height:1.36;color:#5d566f;margin:11px 0 20px}.leader-card .circle-arrow{position:absolute;bottom:10px;right:12px;border-radius:99px;width:23px;height:23px;background:#fff;color:var(--purple);font-weight:900;display:grid;place-items:center;font-size:15px}
/* Public featured GK teams from provided archive */.campaign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.campaign-card{position:relative;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}.campaign-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.campaign-banner{width:100%;height:125px;object-fit:cover;background:#31156d}.campaign-info{display:flex;align-items:center;gap:10px;padding:11px}.campaign-info img{width:43px;height:43px;object-fit:contain;background:#f3eeff;border-radius:11px;padding:4px}.campaign-info h3{font-size:14px;line-height:1.2;margin:0}.campaign-info small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.campaign-info .arrow{margin-left:auto;color:var(--purple);font-size:21px}
/* Contest on landing */.contest-section{background:linear-gradient(115deg,#561dc4,#6320ce 62%,#4b149d);color:white;border-radius:28px;display:grid;grid-template-columns:1.06fr .9fr 1.13fr;min-height:286px;overflow:hidden;padding:10px;margin:24px 0 16px;position:relative;box-shadow:0 15px 30px #5c23c41a}.contest-section:before{content:'';position:absolute;left:28%;top:-80px;width:340px;height:420px;border-radius:50%;background:radial-gradient(circle,#964beb,transparent 69%);opacity:.5}.contest-copy{z-index:2;position:relative;padding:28px 15px 26px 25px}.contest-copy h2{font-size:clamp(28px,2.9vw,39px);color:white;margin:15px 0 11px}.contest-copy h2 span{color:var(--yellow)}.contest-copy p{font-size:13px;color:#e9dff9;max-width:310px}.contest-copy .btn{margin-top:10px}.badge-white{font-size:11px;font-weight:900;padding:6px 13px;border-radius:99px;background:#ffffff29;color:#fff}.contest-portrait{align-self:stretch;position:relative;z-index:1;min-height:290px}.contest-portrait img{position:absolute;object-fit:cover;width:100%;height:100%;inset:0;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 76%,transparent),linear-gradient(0deg,transparent,#000 18%);mask-composite:intersect;opacity:.95}.contest-portrait .crown{font-size:36px;position:absolute;top:6px;left:30%;color:var(--yellow);transform:rotate(14deg);z-index:3}.contest-portrait .tiny-hand{position:absolute;bottom:22px;right:0;font-size:13px;transform:rotate(-9deg);text-shadow:0 1px 5px #3f12b1}.contest-side{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0}.explain-panel,.score-panel{background:#fff;border-radius:19px;color:var(--ink);padding:17px 13px;min-width:0}.score-panel{background:var(--yellow)}.explain-panel h3,.score-panel h3{font-size:15px;line-height:1.3;margin:0 0 13px}.step{display:flex;align-items:center;gap:8px;margin:0 0 12px}.step i{font-size:13px;font-style:normal;color:var(--purple);width:29px;height:29px;background:#eee4ff;border-radius:99px;flex:none;display:grid;place-items:center;font-weight:900}.step span{font-size:11px;line-height:1.25}.score-line{display:flex;align-items:center;gap:7px;padding:7px 5px;border-radius:99px;background:#fffafaaf;margin-bottom:8px;font-size:11px;font-weight:650}.score-line b{background:white;border-radius:99px;padding:3px 6px;margin-left:auto;white-space:nowrap;font-size:11px}.score-line .i{font-size:15px}
/* events */.events-home{padding-top:8px}.event-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.event-preview{border:1px solid #eeeaf5;border-radius:17px;overflow:hidden;background:white;box-shadow:0 6px 20px #33216b0c;transition:transform .25s,box-shadow .25s}.event-preview:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.event-cover{height:136px;position:relative;overflow:hidden;background:linear-gradient(120deg,#672bc7,#ffdd32)}.event-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.event-preview:hover .event-cover img{transform:scale(1.09)}.event-date{position:absolute;left:10px;top:10px;background:white;border-radius:10px;text-align:center;font-weight:900;font-size:15px;line-height:1.1;padding:6px 9px;color:#24103f;box-shadow:0 3px 10px #3a126e20}.event-date small{display:block;font-size:10px;font-weight:700}.event-body{padding:13px 14px}.event-body h3{font-size:15px;margin:6px 0;line-height:1.2}.event-body p{font-size:11px;color:var(--muted);margin:6px 0}.event-body .chip{padding:4px 8px}.event-body .link{color:var(--purple);font-weight:800;font-size:11px}
/* stats / CTA */.impact-strip{display:grid;grid-template-columns:1.05fr repeat(4,.74fr) 1.18fr;gap:9px;align-items:stretch;padding:8px 0 28px}.impact-intro{background:var(--yellow);border-radius:26px;padding:21px}.impact-intro h2{font-size:26px;line-height:1.08}.impact-intro p{font-size:12px}.impact-tile{background:#f9f7fc;border-radius:18px;padding:18px 9px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.impact-tile .symbol{font-size:32px;color:var(--purple)}.impact-tile b{font-size:28px}.impact-tile small{font-size:11px;color:var(--muted)}.impact-tile.yellow .symbol{color:#edbd05}.quote-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:22px;background:#f8f6fc}.quote-card img{height:76px;width:76px;border-radius:18px;object-fit:cover}.quote-card p{font-size:11px;margin:0;color:#434055}.quote-card b{font-size:11px;color:var(--purple)}.callout{border-radius:27px;margin:14px 0 43px;background:linear-gradient(110deg,#44149f,#7626d8);min-height:190px;display:grid;grid-template-columns:29% 1fr 27%;align-items:center;gap:18px;overflow:hidden;color:white;position:relative;padding:5px 20px 0 0}.callout:after{content:'♕';position:absolute;color:var(--yellow);right:20px;top:9px;font-size:43px;transform:rotate(12deg)}.callout>img{width:100%;height:186px;object-fit:cover;object-position:52% 28%;mask-image:linear-gradient(90deg,#000 75%,transparent)}.callout h2{color:white}.callout h2 span{color:var(--yellow)}.callout p{font-size:13px;color:#eadff7}.callout-right{position:relative;z-index:1;display:grid;gap:10px;justify-items:start}.callout-right small{font-size:11px;color:#ece0fa}
/* Content pages */.page-header{padding:55px 0 20px}.page-header h1{margin:8px 0 13px;letter-spacing:-2px;line-height:1.05;font-size:clamp(32px,5vw,58px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.two{display:grid;grid-template-columns:2fr 1fr;gap:17px}.rulesgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card,.stat{border-radius:22px;background:#fff;box-shadow:var(--shadow);border:1px solid #efebf7;padding:24px}.card h3{margin:7px 0 10px;font-size:23px}.card p{color:#676377}.card .card-foot,.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0}.stat{background:#f8f4ff;text-align:center}.stat strong{display:block;color:var(--purple);font-size:38px}.stat span{color:var(--muted);font-size:12px}.banner{background:linear-gradient(110deg,#5d1bc6,#7b3bdf);color:white;border-radius:22px;padding:42px}.banner h2,.banner p{color:white}.banner .btn.outline{color:var(--purple)}.board{width:100%;border-collapse:collapse}.board th{text-align:left;font-size:12px;color:#767088;letter-spacing:.8px;text-transform:uppercase}.board td,.board th{padding:15px 12px;border-bottom:1px solid var(--line)}.board tbody tr:hover{background:#faf7ff}.board tbody tr:nth-child(1) .rank{color:#cb9200}.rank,.score{font-weight:950;color:var(--purple)}.score{font-size:22px}.rule{padding:9px 13px;border-left:3px solid var(--purple);background:#f9f6ff;color:#534768;border-radius:0 10px 10px 0}.pill{padding:5px 11px;border:1px solid #e6daff;border-radius:99px;font-size:12px}.eventline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.eventline p{margin:4px 0}.actions{display:flex;gap:9px;flex-wrap:wrap}.checkin{word-break:break-all}
.formcard{max-width:680px;margin:50px auto}.field{display:grid;gap:5px;color:#322740;font-size:13px;font-weight:780}form{display:grid;gap:13px}input:not([type=checkbox]):not([type=hidden]),textarea,select{width:100%;background:#fbfaff;border:1px solid #e4def0;color:var(--ink);border-radius:10px;padding:12px 13px;outline:none;max-width:100%}input:focus,textarea:focus,select:focus{border-color:var(--purple)}input[type=checkbox]{accent-color:var(--purple);width:15px;height:15px}textarea{resize:vertical;min-height:94px}.check{display:flex;gap:9px;align-items:start;color:#54466c;font-size:13px}.flash{background:#f4eaff;border:1px solid #e0c6ff;color:#4d2193;border-radius:12px;padding:15px;margin:20px 0}.footer{background:linear-gradient(90deg,#f9f5ff,#fff);border-top:1px solid #eee9f5;margin-top:20px;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer small{color:var(--muted)}.footer .footer-links{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.footer .footer-links a{font-size:12px;font-weight:680;color:#555067}.footer .footer-links a:hover{color:var(--purple)}.footer .logo .ja-mark{font-size:30px}.footer .logo-word{font-size:12px}.footer .footer-social{color:var(--purple);font-weight:900;letter-spacing:4px;font-size:16px}
/* animation */@keyframes float-brand{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translateX(-140%) rotate(15deg)}100%{transform:translateX(340%) rotate(15deg)}}.hero-copy{animation:fadeUp .72s both}.hero-art{animation:fadeUp 1s .2s both}.reveal{opacity:0;transform:translateY(21px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.1,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hover-glow{position:relative;overflow:hidden}.hover-glow:before{content:'';pointer-events:none;position:absolute;inset:-20% auto -20% -30%;width:25%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:translateX(-140%) rotate(15deg)}.hover-glow:hover:before{animation:shine .8s linear both}
@media(max-width:1150px){.shell{width:min(1080px,calc(100% - 40px))}.nav{gap:15px}.navlinks{gap:12px}.hero h1{font-size:clamp(40px,5vw,59px)}.hero-art{min-height:300px}.leader-gallery{grid-template-columns:repeat(2,1fr)}.contest-section{grid-template-columns:1fr .65fr 1.2fr}.contest-portrait .tiny-hand{display:none}.impact-strip{grid-template-columns:repeat(4,1fr)}.impact-intro{grid-column:span 2}.quote-card{grid-column:span 2}}
@media(max-width:820px){.nav{min-height:72px}.menu-toggle{display:inline-flex}.navlinks{display:none;position:absolute;right:0;left:0;top:72px;flex-direction:column;align-items:stretch;gap:4px;background:#fffffffa;padding:17px 25px 24px;box-shadow:0 18px 25px #24085816;border-top:1px solid var(--line)}.navlinks.open{display:flex}.navlinks>a:not(.btn){padding:11px}.navlinks .btn{width:100%}.hero{grid-template-columns:1fr;min-height:0;padding:50px 0 0}.hero-art{margin-top:10px;min-height:290px}.hero-brand{max-width:630px}.hero-copy{text-align:left}.hero h1{font-size:clamp(40px,8vw,64px)}.about-home{grid-template-columns:1fr;gap:20px}.about-home img{max-height:350px}.campaign-grid,.event-gallery{grid-template-columns:repeat(2,1fr)}.contest-section{grid-template-columns:1fr 1fr;gap:8px}.contest-copy{grid-column:1/2}.contest-portrait{grid-column:2/3}.contest-side{grid-column:1/-1;min-height:170px}.contest-copy h2{font-size:30px}.impact-strip{grid-template-columns:repeat(4,1fr)}.callout{grid-template-columns:28% 1fr;padding-right:15px}.callout-right{grid-column:2;grid-row:2;margin-bottom:15px}.callout>img{grid-row:1/3;height:100%;min-height:220px}.callout h2{font-size:26px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}}
@media(max-width:550px){.shell{width:calc(100% - 28px)}.nav{min-height:68px}.navlinks{top:68px}.logo .ja-mark{font-size:34px}.logo-word{font-size:12px}.hero{padding-top:35px}.hero h1{font-size:clamp(37px,10vw,49px);letter-spacing:-2px}.hero .lead{font-size:14px}.hero-art{min-height:245px}.hero-doodle-top{font-size:12px;right:0;top:0}.hero-doodle-right{font-size:11px;right:1px;bottom:12px}.hand-heart{font-size:22px;right:9px;top:45px}.avatar-strip{font-size:12px}.sectionhead{align-items:flex-start}.sectionhead h2{font-size:26px}.sectionhead .sub{display:none}.about-home{padding-top:0}.features{grid-template-columns:repeat(2,1fr)}.leader-gallery{grid-template-columns:1fr}.leader-card{min-height:115px}.leader-card img{width:34%}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-banner{height:100px}.campaign-info{padding:8px;gap:6px}.campaign-info img{width:32px;height:32px}.campaign-info h3{font-size:12px}.campaign-info small{font-size:10px}.contest-section{grid-template-columns:1fr;gap:0;padding:0;margin:14px 0}.contest-copy{grid-column:1;padding:27px 20px}.contest-portrait{height:175px;min-height:175px;grid-column:1}.contest-portrait img{object-position:center 24%;mask-image:linear-gradient(0deg,transparent 0%,#000 35%)}.contest-side{grid-column:1;padding:8px;min-height:190px;gap:7px}.explain-panel,.score-panel{padding:12px 9px}.explain-panel h3,.score-panel h3{font-size:12px}.step span,.score-line{font-size:9px}.step{margin-bottom:6px}.step i{width:22px;height:22px}.event-gallery{grid-template-columns:repeat(2,1fr);gap:8px}.event-cover{height:105px}.event-body{padding:10px}.event-body h3{font-size:12px}.event-body p{font-size:10px}.impact-strip{grid-template-columns:repeat(2,1fr)}.impact-intro{grid-column:1/-1}.quote-card{grid-column:1/-1}.impact-tile{padding:14px 9px}.callout{grid-template-columns:1fr;padding:20px;gap:6px}.callout>img{display:none}.callout-right{grid-row:auto;grid-column:1;margin:8px 0}.stats,.grid,.rulesgrid{grid-template-columns:1fr}.footer-inner{display:grid}.board td,.board th{padding:10px 5px}.eventline{align-items:start;flex-direction:column}.eventline form{max-width:100%!important}.btn{font-size:12px}.formcard{margin:20px auto}.avatar-strip .counter-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Selected reference fine-tuning */
.hero h1{font-size:clamp(39px,4.05vw,60px);letter-spacing:-2.7px}
.campaign-cover{height:125px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#2d1460,#7944c1);position:relative;overflow:hidden}
.campaign-cover:before{content:'';position:absolute;inset:-120% -20%;background:repeating-linear-gradient(45deg,transparent,transparent 18px,#ffffff0a 18px,#ffffff0a 19px);transform:rotate(9deg)}
.campaign-cover img{height:104px;width:104px;object-fit:cover;border-radius:15px;box-shadow:0 5px 18px #16073d35;position:relative;z-index:1;transition:transform .35s}
.campaign-card:hover .campaign-cover img{transform:scale(1.08) rotate(-3deg)}
.campaign-card:nth-child(1) .campaign-cover{background:linear-gradient(120deg,#046d64,#1abb96)}
.campaign-card:nth-child(2) .campaign-cover{background:linear-gradient(120deg,#5e0016,#dd1947)}
.campaign-card:nth-child(3) .campaign-cover{background:linear-gradient(120deg,#005d18,#18b05c)}
.campaign-card:nth-child(4) .campaign-cover{background:linear-gradient(120deg,#c33a0a,#f87723)}
.campaign-card:nth-child(5) .campaign-cover{background:linear-gradient(120deg,#2e0c80,#8829d7)}
.campaign-card:nth-child(6) .campaign-cover{background:linear-gradient(120deg,#515865,#b1b8a8)}
.campaign-card:nth-child(7) .campaign-cover{background:linear-gradient(120deg,#46302b,#9b5c43)}
.campaign-card:nth-child(8) .campaign-cover{background:linear-gradient(120deg,#182c43,#5e7fad)}
@media(max-width:550px){.hero h1{font-size:clamp(36px,9vw,47px)}.campaign-cover{height:110px}.campaign-cover img{height:92px;width:92px}}
/* JA QR check-in / photo verification extension */
.qr-page,.checkin-layout{margin:36px auto 70px}
.qr-head,.qr-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.qr-head{margin-bottom:24px}.qr-head h2{margin:8px 0}
.qr-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin:22px 0 60px}
.qr-item{display:flex;flex-direction:column;gap:10px;min-width:0}
.qr-item-head p{margin:5px 0}.qr-tile{text-align:center;padding:18px;background:#faf8ff;border:1px solid #ece4ff;border-radius:20px;display:flex;justify-content:center}
.qr-tile img{width:clamp(180px,100%,270px);height:auto;aspect-ratio:1;box-shadow:0 5px 24px #23105518;border-radius:8px;background:white}
.qr-link{font-size:12px;overflow-wrap:anywhere;padding:10px 12px;border-radius:10px;background:#f7f2ff}
.qr-link a{color:#5412b7}.qr-danger{color:#a12649;border-color:#f8c0cf!important;background:white!important}
.qr-item .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qr-item .actions form{margin:0}
.qr-steps{display:grid;gap:14px;padding-top:8px}.qr-steps>div{background:#faf8ff;padding:14px 15px;border-radius:12px;color:#392759;font-weight:600}
.checkin-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:24px;align-items:start}
.checkin-layout .formcard{max-width:none;margin:0}.checkin-layout h2{line-height:1.1}.qr-side{position:sticky;top:90px;background:linear-gradient(155deg,#fcfaff,#f5edff)}
.qr-steps-list{display:grid;gap:15px;padding-left:22px;color:#33264f;line-height:1.5}
.photo-preview{max-width:100%;max-height:320px;object-fit:contain;border-radius:17px;border:2px solid #ece1fd;margin:2px 0 14px}
.checkin-form .check{line-height:1.45;align-items:flex-start;margin:12px 0}.checkin-form input[type=file]{width:100%;padding:12px;background:#f8f4ff;border:1px dashed #a68bdc;border-radius:12px}
.checkin-form input[type=file]::file-selector-button{border:0;border-radius:9px;background:#6224c9;color:#fff;padding:10px 13px;margin-right:13px;cursor:pointer}
.checkin-state{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;font-weight:750;margin:12px 0}
.checkin-state.pending{background:#fff2cb;color:#705200}.checkin-state.approved{background:#e1fbea;color:#0e6937}
.proof-card{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}
.proof-image{background:#f1ecfa;border-radius:16px;overflow:hidden;min-height:190px;display:flex;align-items:center;justify-content:center}
.proof-image img{height:200px;width:100%;object-fit:cover;display:block;transition:transform .25s ease}.proof-image a{width:100%}.proof-image a:hover img{transform:scale(1.025)}
.proof-desc{overflow-wrap:anywhere}.proof-desc p{margin:7px 0}.review-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:24px;padding:20px 8px;border-bottom:1px solid #e8ddf7;align-items:start}
.review-form{display:grid;gap:8px}.review-form .field{margin:4px 0}.review-form .check{margin:6px 0;align-items:start;line-height:1.35}
.review-form .actions{display:flex;gap:8px;flex-wrap:wrap}.checkin-history .actions{flex-wrap:wrap}.checkin-history .actions form{margin:0}
@media(max-width:800px){.checkin-layout{grid-template-columns:1fr}.qr-side{position:static}.review-card{grid-template-columns:1fr}.qr-head{flex-direction:column}}
@media(max-width:520px){.proof-card{grid-template-columns:1fr}.proof-image img{max-height:220px;object-fit:contain}.qr-collection{grid-template-columns:1fr}.qr-item-head{flex-wrap:wrap}}
@media(prefers-reduced-motion: reduce){.proof-image img{transition:none}}
[data-qr-duration][hidden]{display:none!important}
.qr-display{min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;padding:25px 0 55px}
.qr-display h1{font-size:clamp(32px,5vw,60px);margin:6px 0}.qr-display p{margin:6px}
.qr-display-image{width:min(57vh,540px,85vw);height:auto;aspect-ratio:1;border:15px solid #fff;background:white;border-radius:22px;box-shadow:0 14px 55px #30166328}
.qr-display-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;max-width:90vw}.qr-display-footer>a:first-child{overflow-wrap:anywhere;flex-basis:100%}
.qr-display:fullscreen{height:100vh;background:#fbf9ff;min-height:unset;padding:20px}.qr-display:fullscreen .qr-display-image{width:min(64vh,580px)}

/* JA Website 6.0 · official GK catalogue */
.ja-team-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;background:#f7f3ff;border:1px solid #e9e2f7;border-radius:18px;margin:24px 0}.ja-team-controls label{color:#4b1da9;font-weight:850}.ja-team-controls input{flex:1;min-width:180px;border-radius:12px;border:1px solid #e2d7f6;padding:12px 15px;background:white}.ja-team-controls span{font-size:12px;color:#766c85;font-weight:750}.ja-team-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ja-team-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 25px #2f0d7712;transition:transform .25s,box-shadow .25s}.ja-team-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #4c1eb023}.ja-team-card[hidden]{display:none!important}.ja-team-cover{height:170px;overflow:hidden;background:#281459}.ja-team-cover img{width:100%;height:100%;object-fit:cover}.ja-team-card-inner{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}.ja-team-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-42px;position:relative}.ja-team-avatar{width:74px;height:74px;object-fit:contain;border:4px solid white;background:#f4eaff;border-radius:18px;box-shadow:0 4px 12px #310f6630}.ja-team-fallback{width:74px;height:74px;display:grid;place-items:center;background:var(--yellow);color:var(--purple);border-radius:18px;font-size:28px;font-weight:900}.ja-team-card h3{font-size:21px;margin:10px 0 8px}.ja-team-card p{color:#6e667b;margin:0 0 16px;font-size:13px;min-height:56px;flex:1}.ja-team-card .cardfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ja-team-detail-banner{overflow:hidden;border-radius:28px;height:290px;background:#2d0e75;margin-bottom:28px}.ja-team-detail-banner img{width:100%;height:100%;object-fit:cover}.ja-team-detail h2{margin-top:10px}@media(max-width:900px){.ja-team-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:610px){.ja-team-list{grid-template-columns:1fr}.ja-team-detail-banner{height:185px}.ja-team-controls span{width:100%}}
.board-team-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0 0 24px}.board-team-filter label{display:grid;gap:6px;font-weight:700}.board-team-filter select{min-width:220px;max-width:100%;padding:12px;border-radius:12px;border:1px solid #e3d9f4;background:#fff;color:#230e58}

/* V10: optional personal styling on account-adjacent pages; public home stays JA branded. */
.ja-has-team-theme{--purple:var(--team-primary);--purple2:var(--team-primary);--deep:var(--team-sidebar);--soft:var(--team-soft)}
.ja-has-team-theme .navlinks .user-link{color:var(--team-primary);font-weight:900}
.ja-has-team-theme .btn.primary{background:var(--team-primary);color:var(--team-contrast)}
.ja-has-team-theme .eyebrow{color:var(--team-primary)}
.ja-team-detail{--purple:var(--team-primary);--soft:var(--team-soft)}
.ja-team-detail .chip:not(.gray){background:var(--team-soft);color:var(--team-primary)}
.ja-team-detail .btn.primary{background:var(--team-primary);color:var(--team-contrast)}
.ja-team-card{--purple:var(--team-primary);border-top:3px solid var(--team-primary)}
.ja-team-card .ja-team-cover{background:var(--team-sidebar)}
.ja-team-card .ja-team-fallback{background:var(--team-accent);color:var(--team-accent-contrast)}
.ja-team-card .btn.outline{color:var(--team-primary);border-color:var(--team-primary)}
.ja-team-card .ja-team-avatar{box-shadow:0 3px 0 var(--team-primary),0 6px 14px #28165f24}
@media(prefers-reduced-motion:reduce){.reveal,.hero-copy,.hero-art{animation:none;transition:none;transform:none;opacity:1}}

/* JA 15.1: public contest invitation (scoring rules remain members-only). */
.ja-contest-invitation{display:flex;flex-direction:column;justify-content:center;gap:14px}
.ja-contest-invitation h3{margin:0;font-size:clamp(17px,1.6vw,22px)}
.ja-contest-invitation p{font-size:clamp(12px,1vw,15px);line-height:1.5;margin:0;color:#45366b}
.ja-contest-invitation .link{font-size:13px;font-weight:800;color:#4c12b4}
@media(max-width:550px){.ja-contest-invitation{gap:9px;padding:16px!important}.ja-contest-invitation p{font-size:12px}}