:root{--green:#7ac142;--green-dark:#245c26;--black:#0a0a0a;--dark:#111;--white:#fff;--gray:#6b7280;--light:#f7f8f5;--border:#00000014;--shadow:0 24px 80px #0000001f}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:var(--light);color:var(--black)}button,a,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#111111f5;justify-content:space-between;align-items:center;min-height:88px;padding:14px 7%;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:14px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:20px;width:72px;height:72px;padding:8px}.brand strong{letter-spacing:1px;opacity:.75;font-size:12px;display:block}.brand span{font-size:14px;font-weight:900;display:block}.site-header nav{align-items:center;gap:26px;display:flex}.site-header nav a{color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s}.site-header nav a:hover{color:var(--green)}.header-actions{align-items:center;gap:12px;display:flex}.join-btn,.primary-btn{background:var(--green);color:#111;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 14px 35px #7ac14247}.join-btn:hover,.primary-btn:hover{transform:translateY(-3px);box-shadow:0 20px 45px #7ac14259}.admin-link{color:#fff;white-space:nowrap;border:1px solid #ffffff38;border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none;transition:all .25s}.admin-link:hover{color:#111;background:#fff}.secondary-btn{color:#111;border:1px solid var(--border);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:13px 22px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex}.secondary-btn:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.hero{background:radial-gradient(circle at 20% 10%,#7ac14224,#0000 28%),#fff;grid-template-columns:1.05fr .95fr;min-height:680px;padding:80px 7%;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;flex-direction:column;justify-content:center;display:flex}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:13px;font-weight:900}.hero h1{letter-spacing:-2.5px;max-width:760px;font-size:clamp(44px,5vw,78px);line-height:.95}.hero h1 span,.section h2 span,.action-left h2 span{color:var(--green)}.hero p{max-width:570px;color:var(--gray);margin-top:24px;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.stats{gap:45px;margin-top:38px;display:flex}.stats strong{font-size:30px;display:block}.stats span{color:var(--gray);font-size:14px}.hero-visual{min-height:520px;position:relative}.green-shape{background:linear-gradient(135deg, var(--green), #4d9b17);border-radius:45% 0 0 55%;width:720px;height:650px;position:absolute;top:-12%;right:-20%;transform:rotate(-8deg);box-shadow:0 30px 80px #7ac14259}.hero-card{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111111eb;border-radius:28px;max-width:360px;padding:32px;position:absolute;bottom:90px;right:40px;box-shadow:0 30px 80px #00000042}.hero-card h3{color:var(--green);margin-bottom:12px;font-size:24px}.hero-card p{color:#e5e5e5;line-height:1.7}.action-zone{z-index:5;box-shadow:var(--shadow);background:#111;border-radius:32px;grid-template-columns:1fr 330px;margin:-55px 7% 0;display:grid;position:relative;overflow:hidden}.action-left{padding:38px}.action-left h2{color:#fff;text-transform:uppercase;margin-bottom:26px;font-size:34px}.cards{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.card{color:#fff;text-align:center;background:#202020;border:1px solid #ffffff0f;border-radius:22px;padding:26px 18px;transition:all .3s}.card:hover{background:#262626;border-color:#7ac14259;transform:translateY(-8px)}.card h3{margin-bottom:12px;font-size:17px}.card p{color:#ddd;font-size:14px;line-height:1.6}.quote-box{background:linear-gradient(135deg, var(--green), #4a980f);color:#fff;flex-direction:column;justify-content:center;padding:46px 34px;display:flex}.quote-box p{font-size:26px;font-weight:900;line-height:1.3}.quote-box span{margin-top:22px}.section{padding:85px 7%}.section-header,.admin-list-header{justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px;display:flex}.section h2,.admin-section-title{font-size:38px}.filters-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-tabs{flex-wrap:wrap;gap:10px;display:flex}.filter-tabs button{border:1px solid var(--border);color:#111;background:#fff;border-radius:999px;padding:11px 18px;font-weight:900;transition:all .25s}.filter-tabs button.active,.filter-tabs button:hover{color:#fff;background:#111;border-color:#111}.category-filter{color:#111;border:1px solid var(--border);background:#fff;border-radius:999px;outline:none;min-width:220px;padding:12px 18px;font-weight:900}.events-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:34px;display:grid}.event-card{background:#fff;border-radius:30px;flex-direction:column;min-height:520px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000001a}.event-card:hover{transform:translateY(-10px);box-shadow:0 35px 100px #0000002b}.clickable{cursor:pointer}.event-image-wrap{background:#111;height:300px;position:relative;overflow:hidden}.event-image-wrap img{object-fit:cover;width:100%;height:100%;transition:all .35s}.event-card:hover .event-image-wrap img{transform:scale(1.05)}.event-placeholder,.modal-placeholder{width:100%;height:100%;color:var(--green);letter-spacing:4px;background:linear-gradient(135deg,#111,#245c26);place-items:center;font-size:42px;font-weight:900;display:grid}.event-status{color:#fff;background:#111;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900;position:absolute;top:16px;right:16px}.event-content{flex-direction:column;flex:1;padding:28px;display:flex}.event-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.event-date,.modal-date,.event-category,.modal-category{border-radius:999px;width:fit-content;padding:9px 16px;font-size:14px;font-weight:900;display:inline-block}.event-date,.modal-date{background:var(--green);color:#111}.event-category,.modal-category{color:#fff;background:#111}.modal-category{margin-left:8px}.event-content h3{color:#111;margin-bottom:14px;font-size:26px;line-height:1.2}.event-content p{color:#555;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:18px;font-size:16px;line-height:1.8;display:-webkit-box;overflow:hidden}.read-more{color:var(--green);align-items:center;gap:8px;font-size:16px;font-weight:900;display:inline-flex}.empty-message{color:var(--gray);background:#fff;border-radius:22px;padding:26px;box-shadow:0 12px 35px #00000014}.contact{background:radial-gradient(circle at 15% 20%, #ffffff2e, transparent 28%), linear-gradient(135deg, var(--green), #4b9c12);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:32px;margin:30px 7% 70px;padding:50px}.contact .eyebrow{color:#111}.contact h2{margin-bottom:14px;font-size:38px}.contact p{margin-top:8px;font-weight:700}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-card{animation:.55s both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card,.event-card,.primary-btn,.secondary-btn,.join-btn,.admin-link{will-change:transform}.modal-overlay{z-index:9999;background:#000000c2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:32px;grid-template-columns:1fr 1fr;width:min(1100px,94%);max-height:90vh;animation:.25s popIn;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000059}@keyframes popIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:#fff;z-index:2;background:#111;border:none;border-radius:50%;width:44px;height:44px;font-size:28px;position:absolute;top:18px;right:18px}.modal-img{object-fit:cover;width:100%;height:100%;min-height:560px}.modal-content{padding:48px;overflow-y:auto}.modal-content h2{margin-top:16px;font-size:42px;line-height:1.15}.modal-content p{color:#444;white-space:pre-line;margin-top:20px;font-size:18px;line-height:1.9}.login-page,.admin-page{color:#fff;background:radial-gradient(circle at 0 0,#7ac14238,#0000 30%),linear-gradient(135deg,#050505,#0f2f2f);min-height:100vh}.login-page{justify-content:center;align-items:center;padding:24px;display:flex}.login-box,.admin-card{background:#111111eb;border:1px solid #ffffff14;border-radius:28px;padding:38px;box-shadow:0 30px 90px #00000059}.login-box{text-align:center;width:min(390px,100%)}.login-box img{background:#fff;border-radius:22px;width:94px;margin-bottom:18px;padding:8px}.login-box h2{color:#fff;margin-bottom:24px}.login-box input,.event-form input,.event-form textarea,.event-form select{color:#fff;background:#050505;border:1px solid #333;border-radius:16px;outline:none;width:100%;padding:15px 16px;transition:all .25s}.login-box input{margin-bottom:14px}.login-box input:focus,.event-form input:focus,.event-form textarea:focus,.event-form select:focus{border-color:var(--green);box-shadow:0 0 0 4px #7ac1421f}.login-box button,.admin-header button,.event-form button,.admin-actions button,.cancel-btn{background:var(--green);color:#111;border:none;border-radius:999px;padding:13px 22px;font-weight:900;transition:all .25s}.login-box button:hover,.admin-header button:hover,.event-form button:hover,.admin-actions button:hover,.cancel-btn:hover{transform:translateY(-2px)}.event-form button:disabled{opacity:.65;cursor:not-allowed}.admin-page{padding:40px 7% 80px}.admin-header{justify-content:space-between;align-items:center;gap:22px;margin-bottom:34px;display:flex}.admin-header h1,.admin-section-title{color:var(--green)}.admin-card{margin-bottom:42px}.admin-card-title{justify-content:space-between;align-items:start;gap:18px;margin-bottom:24px;display:flex}.admin-card h2{color:#fff}.cancel-btn{background:#fff}.event-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.event-form textarea{resize:vertical;grid-column:span 2;min-height:140px}.event-form button{width:fit-content}.admin-list-header{margin-top:14px}.admin-page .event-card{color:#fff;background:#151515;border:1px solid #ffffff14}.admin-page .event-content h3{color:#fff}.admin-page .event-content p{color:#d6d6d6}.admin-page .event-category{color:#fff;background:#ffffff1f}.admin-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.delete-btn{color:#fff!important;background:#c0392b!important}.toast{z-index:10000;color:#fff;border-left:6px solid var(--green);background:#111;border-radius:16px;padding:15px 20px;font-weight:800;position:fixed;top:22px;right:22px;box-shadow:0 20px 60px #00000038}@media (width<=1100px){.hero,.action-zone{grid-template-columns:1fr}.hero-visual{display:none}.cards{grid-template-columns:repeat(2,1fr)}.modal-box{grid-template-columns:1fr;overflow-y:auto}.modal-img{height:320px;min-height:auto}}@media (width<=900px){.site-header{grid-template-columns:1fr;gap:18px;padding:18px 5%;display:grid;position:static}.brand{text-align:center;justify-content:center}.site-header nav{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.site-header nav a{text-align:center;background:#ffffff14;border-radius:999px;margin:0;padding:12px}.header-actions{grid-template-columns:1fr 110px;gap:10px;width:100%;display:grid}.admin-link,.join-btn{text-align:center;justify-content:center;width:100%}.hero{text-align:center;padding:48px 5%}.hero-content{align-items:center}.hero-buttons,.hero-buttons a{width:100%}.stats{background:#f2f4ef;border-radius:24px;grid-template-columns:1fr;width:100%;padding:22px;display:grid}.action-zone{margin:0 5%}.quote-box{text-align:center}.section-header,.admin-list-header{flex-direction:column;align-items:stretch}.filters-row{flex-direction:column;align-items:stretch;width:100%}.filter-tabs{width:100%}.filter-tabs button{flex:1}.category-filter{width:100%}}@media (width<=520px){.brand{gap:10px}.brand img{border-radius:16px;width:62px;height:62px}.brand span{font-size:12px}.brand strong{font-size:10px}.site-header nav,.header-actions{grid-template-columns:1fr}.hero{padding:38px 5%}.hero h1{letter-spacing:-1px;font-size:34px;line-height:1.05}.hero p{font-size:15px}.primary-btn,.secondary-btn,.join-btn,.admin-link{padding:13px 18px;font-size:14px}.action-left{padding:24px}.action-left h2{font-size:26px}.cards,.event-form{grid-template-columns:1fr}.card{padding:22px 16px}.section{padding:58px 5%}.section h2,.admin-section-title,.contact h2{font-size:31px}.events-grid{grid-template-columns:1fr;gap:26px}.event-card{border-radius:26px;min-height:auto}.event-image-wrap{height:220px}.event-content{padding:23px}.event-content h3{font-size:21px}.event-form textarea{grid-column:span 1}.filter-tabs{grid-template-columns:1fr;display:grid}.filter-tabs button{width:100%}.event-meta{flex-direction:column;align-items:flex-start}.event-date,.event-category{text-align:center;width:100%}.admin-actions{grid-template-columns:1fr;display:grid}.admin-actions button{width:100%}.modal-overlay{padding:14px}.modal-box{border-radius:24px;width:100%}.modal-img{height:250px}.modal-content{padding:25px}.modal-content h2{font-size:27px}.modal-content p{font-size:16px}.modal-date,.modal-category{text-align:center;width:100%;margin:0 0 8px;display:block}.contact{margin:20px 5% 50px;padding:34px 22px}.admin-page{padding:28px 5% 60px}.admin-header,.admin-card-title{flex-direction:column;align-items:start}.toast{top:14px;left:14px;right:14px}}.register-btn{color:#fff;background:#0f9d58;border-radius:12px;margin-top:14px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.register-btn:hover{background:#0b7d45;transform:translateY(-2px)}.registration-box{flex-direction:column;gap:12px;display:flex}.checkbox-row{align-items:center;gap:10px;font-weight:600;display:flex}.registration-switch-box{background:#050505;border:1px solid #333;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.registration-switch-box h3{color:#fff;margin-bottom:6px;font-size:18px}.registration-switch-box p{color:#888;font-size:14px;line-height:1.4}.switch{flex:none;width:66px;height:36px;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#222;border:1px solid #333;border-radius:999px;transition:all .25s;position:absolute;inset:0}.switch{width:70px;height:36px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#1a1a1a;border:2px solid #2e2e2e;border-radius:999px;transition:all .3s;position:absolute;inset:0;box-shadow:inset 0 0 10px #00000080}.slider:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:all .3s;position:absolute;top:3px;left:4px}.switch input:checked+.slider{background:#8be04e;border-color:#8be04e;box-shadow:0 0 20px #8be04e80}.switch input:checked+.slider:before{background:#111;transform:translate(32px)}.register-btn{color:#111;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#7ac142,#5ea92b);border:none;border-radius:18px;justify-content:center;align-items:center;width:100%;margin-top:18px;padding:16px 22px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;box-shadow:0 12px 35px #7ac14247,inset 0 1px #ffffff59}.register-btn:hover{filter:brightness(1.03);transform:translateY(-4px);box-shadow:0 18px 45px #7ac14261,inset 0 1px #fff6}.register-btn:active{transform:scale(.98)}.register-btn:after{content:"→";margin-left:10px;font-size:18px;transition:transform .25s}.register-btn:hover:after{transform:translate(4px)}
