Get Involved | Graph Technology Institutep{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px} .tier-list{list-style:none;display:flex;flex-direction:column;gap:12px} .tier-item{padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .3s} .tier-item:hover{border-color:var(--border-active)} .tier-name{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;margin-bottom:4px} .tier-price{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-gold)} .tier-item p{font-size:.78rem;color:var(--text-secondary);line-height:1.6} .benefit-list{list-style:none;display:flex;flex-direction:column;gap:10px} .benefit-list li{font-size:.85rem;color:var(--text-secondary);padding-left:22px;position:relative;line-height:1.6} .benefit-list li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent-secondary);background:transparent} .pathway-card:nth-child(3) .benefit-list li::before{border-color:var(--accent-tertiary)} @media(max-width:900px){.pathways-grid{grid-template-columns:1fr}} /* ============================================ FORMS ============================================ */ .form-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px} .form-group{display:flex;flex-direction:column;gap:6px} .form-group.full-width{grid-column:1/-1} .form-group label{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-primary)} .form-group label .required{color:var(--accent-warm);margin-left:2px} .form-group input,.form-group select,.form-group textarea{font-family:var(--font-sans);font-size:.9rem;padding:12px 16px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .3s,box-shadow .3s;outline:none} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(74,158,255,0.15)} .form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)} .form-group textarea{resize:vertical;min-height:120px} .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238e99b0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center} .form-group select option{background:var(--bg-card);color:var(--text-primary)} .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:4px} .checkbox-label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary);cursor:pointer;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .3s,color .3s} .checkbox-label:hover{border-color:var(--border-active);color:var(--text-primary)} .checkbox-label input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0} .form-note{font-size:.8rem;color:var(--text-muted);margin-top:12px;font-style:italic} .form-success{display:none;text-align:center;padding:48px 24px} .form-success.visible{display:block} .form-success svg{width:64px;height:64px;stroke:var(--accent-tertiary);fill:none;stroke-width:1.5;margin:0 auto 20px} .form-success h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:12px} .form-success p{font-size:1rem;color:var(--text-secondary);max-width:480px;margin:0 auto} .form-wrapper.hidden{display:none} @media(max-width:600px){.form-grid{grid-template-columns:1fr}.checkbox-group{grid-template-columns:1fr}} /* ============================================ CONTACT SECTION ============================================ */ .contact-layout{display:grid;grid-template-columns:2fr 1fr;gap:48px;margin-top:36px} .contact-info{display:flex;flex-direction:column;gap:24px} .contact-item{display:flex;align-items:flex-start;gap:16px} .contact-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--gradient-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0} .contact-item-icon svg{width:20px;height:20px;stroke:var(--accent-primary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .contact-item h4{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:4px} .contact-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.6} @media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:36px}} /* ============================================ SPONSORS ============================================ */ .sponsor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px} .sponsor-placeholder{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:40px 24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;transition:border-color .3s} .sponsor-placeholder:hover{border-color:var(--border-active)} .sponsor-note{font-size:.9rem;color:var(--text-secondary);margin-top:24px;text-align:center} @media(max-width:700px){.sponsor-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:440px){.sponsor-grid{grid-template-columns:1fr}} /* ============================================ CONTRIBUTE CODE ============================================ */ .contribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px} .contribute-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;transition:border-color .3s,transform .3s} .contribute-card:hover{border-color:var(--border-active);transform:translateY(-2px)} .contribute-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px} .contribute-card h3 svg{width:22px;height:22px;stroke:var(--accent-primary);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .contribute-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.7} .contribute-card ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:8px} .contribute-card ul li{font-size:.85rem;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.6} .contribute-card ul li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--accent-primary);opacity:.5} .contribute-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--accent-primary);letter-spacing:.04em} .contribute-link:hover{color:var(--accent-tertiary)} .contribute-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media(max-width:700px){.contribute-grid{grid-template-columns:1fr}} /* ============================================ NEWSLETTER ============================================ */ .newsletter-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden} .newsletter-section::before{content:'';position:absolute;inset:0;background:var(--gradient-glow)} .newsletter-content{position:relative;text-align:center;max-width:600px;margin:0 auto} .newsletter-content h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:12px} .newsletter-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:28px;line-height:1.7} .newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto} .newsletter-form input{flex:1;padding:12px 18px;font-family:var(--font-sans);font-size:.9rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .3s} .newsletter-form input:focus{border-color:var(--accent-primary)} .newsletter-form input::placeholder{color:var(--text-muted)} .newsletter-success{display:none;margin-top:16px;font-size:.9rem;color:var(--accent-tertiary);font-weight:600} .newsletter-success.visible{display:block} @media(max-width:500px){.newsletter-form{flex-direction:column}} /* ============================================ FOOTER ============================================ */ .footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:60px 0 28px} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px} .footer-brand p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-top:16px;max-width:320px} .footer-social{display:flex;gap:12px;margin-top:20px} .footer-social a{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s} .footer-social a:hover{border-color:var(--accent-primary);background:var(--bg-card-hover)} .footer-social a svg{width:16px;height:16px;fill:var(--text-secondary)} .footer-col h4{font-family:var(--font-display);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:20px} .footer-col ul{list-style:none} .footer-col li{margin-bottom:10px} .footer-col a{font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:color .3s} .footer-col a:hover{color:var(--text-primary)} .footer-newsletter{margin-top:20px} .footer-newsletter p{font-size:.82rem;color:var(--text-secondary);margin-bottom:10px;line-height:1.6} .footer-newsletter-form{display:flex;gap:8px} .footer-newsletter-form input{flex:1;padding:8px 12px;font-family:var(--font-sans);font-size:.8rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none} .footer-newsletter-form input:focus{border-color:var(--accent-primary)} .footer-newsletter-form button{padding:8px 14px;font-size:.75rem;font-weight:600;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .3s} .footer-newsletter-form button:hover{background:var(--accent-secondary)} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)} @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:500px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}} /* ============================================ THEME SWITCHER ============================================ */ /* ============================================ REVEAL ANIMATION ============================================ */ .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .7s} .reveal.visible{opacity:1;transform:translateY(0)} @media print{.nav,.theme-toggle,.hamburger,.mobile-menu{display:none!important}body{background:#fff;color:#000}} /* Search Overlay */ .search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;align-items:flex-start;justify-content:center;padding-top:20vh} .search-overlay.open{display:flex} .search-box{width:90%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;box-shadow:var(--shadow-lg)} .search-input-wrap{display:flex;align-items:center;gap:12px;padding:8px 16px} .search-input-wrap svg{width:20px;height:20px;stroke:var(--text-muted);fill:none;stroke-width:2;flex-shrink:0} .search-input{flex:1;background:none;border:none;font-family:var(--font-sans);font-size:1rem;color:var(--text-primary);outline:none} .search-input::placeholder{color:var(--text-muted)} .search-kbd{font-family:var(--font-mono);font-size:.7rem;padding:3px 8px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted)} .search-results{border-top:1px solid var(--border);padding:8px;max-height:300px;overflow-y:auto;display:none} .search-results.has-results{display:block} .search-result{padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:background .2s,color .2s} .search-result:hover,.search-result.active{background:var(--bg-secondary);color:var(--text-primary)} .search-result-label{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px} { "@context": "https://schema.org", "@type": "ContactPage", "name": "Get Involved — Graph Technology Institute", "description": "Join the GTI consortium, contribute code, partner with us, or contact our team.", "mainEntity": { "@context": "https://schema.org", "@type": "EducationalOrganization", "name": "The Graph Technology Institute", "url": "https://graphtech.org", "email": "info@graphtech.org", "nonprofitStatus": "Nonprofit501c3", "areaServed": "Worldwide" } } Skip to main contentGTIGraph Technology InstituteAboutGraph of GraphsResearchEventsGet Involved
Apply for MembershipContact UsPathwaysHow You Can ParticipateWhether you represent a corporation, contribute as an individual, or fund through grants, there is a place for you in the GTI ecosystem.