}> /* ============ TOKENS ============ */ :root{ --navy-950:#070F1C; --navy-900:#0A1628; --navy-800:#0E2342; --navy-700:#143257; --navy-600:#1B4172; --teal-500:#0FC2C0; --teal-400:#3DDCD9; --teal-glow:rgba(15,194,192,0.35); --gold-500:#D4AF6A; --gold-300:#E8CC97; --ice-50:#F7F9FB; --ice-100:#EEF2F6; --slate-400:#8FA3B8; --slate-300:#B7C4D2; --line:rgba(143,163,184,0.18); --line-strong:rgba(143,163,184,0.32); --font-display:'Fraunces', serif; --font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-mono:'JetBrains Mono', monospace; --maxw:1240px; --radius-sm:10px; --radius-md:16px; --radius-lg:24px; --ease:cubic-bezier(0.16,1,0.3,1); } *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;} } body{ font-family:var(--font-body); background:var(--navy-900); color:var(--ice-50); -webkit-font-smoothing:antialiased; overflow-x:hidden; line-height:1.6; } img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;} ul{list-style:none;} :focus-visible{outline:2px solid var(--teal-400); outline-offset:3px; border-radius:4px;} .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;} .section{position:relative; padding:120px 0;} .section--tight{padding:90px 0;} @media (max-width:768px){ .section{padding:72px 0;} .section--tight{padding:56px 0;} .wrap{padding:0 20px;} } .eyebrow{ font-family:var(--font-mono); font-size:12.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--teal-400); display:flex; align-items:center; gap:10px; margin-bottom:18px; font-weight:500; } .eyebrow::before{ content:''; width:6px;height:6px;border-radius:50%; background:var(--teal-400); box-shadow:0 0 0 4px var(--teal-glow); } h1,h2,h3,h4{ font-family:var(--font-display); font-weight:600; letter-spacing:-0.01em; color:var(--ice-50); } .section-title{ font-size:clamp(28px,4vw,44px); line-height:1.12; max-width:680px; margin-bottom:16px; } .section-sub{ font-size:17px; color:var(--slate-300); max-width:560px; line-height:1.7; } .section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:56px; flex-wrap:wrap; } .btn{ display:inline-flex; align-items:center; gap:9px; padding:14px 26px; border-radius:999px; font-weight:600; font-size:15px; transition:all 0.35s var(--ease); white-space:nowrap; } .btn--primary{ background:linear-gradient(135deg,var(--teal-400),var(--teal-500)); color:var(--navy-950); box-shadow:0 8px 24px -8px var(--teal-glow); } .btn--primary:hover{transform:translateY(-2px); box-shadow:0 12px 30px -8px var(--teal-glow);} .btn--ghost{ background:rgba(255,255,255,0.04); color:var(--ice-50); border:1px solid var(--line-strong); } .btn--ghost:hover{background:rgba(255,255,255,0.08); border-color:var(--teal-400);} .btn--gold{ background:linear-gradient(135deg,var(--gold-300),var(--gold-500)); color:var(--navy-950); box-shadow:0 8px 24px -8px rgba(212,175,106,0.4); } .btn--gold:hover{transform:translateY(-2px);} .btn--sm{padding:10px 18px; font-size:13.5px;} .btn--block{width:100%; justify-content:center;} .pill{ display:inline-flex; align-items:center; gap:6px; padding:5px 13px; border-radius:999px; font-size:12px; font-weight:600; font-family:var(--font-mono); background:rgba(15,194,192,0.12); color:var(--teal-400); border:1px solid rgba(15,194,192,0.25); } .pill--gold{background:rgba(212,175,106,0.12); color:var(--gold-300); border-color:rgba(212,175,106,0.28);} .card{ background:linear-gradient(160deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)); border:1px solid var(--line); border-radius:var(--radius-lg); transition:transform 0.4s var(--ease), border-color 0.4s var(--ease), background 0.4s var(--ease); } .card:hover{border-color:var(--line-strong); transform:translateY(-4px);} .reveal{opacity:0; transform:translateY(28px); transition:opacity 0.8s var(--ease), transform 0.8s var(--ease);} .reveal.is-visible{opacity:1; transform:translateY(0);} /* ============ NAV ============ */ .nav{ position:fixed; top:0; left:0; right:0; z-index:200; padding:18px 0; background:rgba(7,15,28,0.55); backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); border-bottom:1px solid transparent; transition:border-color 0.3s, background 0.3s; } .nav.is-scrolled{background:rgba(7,15,28,0.85); border-bottom-color:var(--line);} .nav .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px;} .brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:19px; font-weight:600; letter-spacing:-0.01em; cursor:pointer; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .brand-mark{ width:34px;height:34px;border-radius:10px; background:linear-gradient(135deg,var(--teal-400),var(--navy-600)); display:flex;align-items:center;justify-content:center; font-family:var(--font-mono); font-weight:700; font-size:14px; color:var(--navy-950); box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset; flex-shrink:0; } .nav-links{display:flex; align-items:center; gap:30px;} .nav-links a{ font-size:14.5px; font-weight:500; color:var(--slate-300); transition:color 0.25s; position:relative; } .nav-links a:hover{color:var(--ice-50);} .nav-actions{display:flex; align-items:center; gap:12px; flex-shrink:0;} .lang-switch{ display:flex; gap:2px; background:rgba(255,255,255,0.05); border-radius:999px; padding:3px; border:1px solid var(--line); } .lang-switch button{ padding:6px 12px; border-radius:999px; font-size:12.5px; font-weight:600; color:var(--slate-400); font-family:var(--font-mono); transition:all 0.25s; } .lang-switch button.active{background:var(--teal-400); color:var(--navy-950);} .nav-toggle{ display:none; width:46px;height:46px;align-items:center;justify-content:center; border-radius:12px; background:rgba(15,194,192,0.12); border:1px solid rgba(15,194,192,0.3); color:var(--teal-400); transition:all 0.25s; flex-shrink:0; } .nav-toggle:hover{ background:rgba(15,194,192,0.2); } @media (max-width:920px){ .nav-links{display:none;} .nav-toggle{display:flex;} .nav-actions .lang-switch{display:none;} .nav-actions .btn--primary.btn--sm{display:none;} } .mobile-menu{ position:fixed; inset:0; z-index:250; background:var(--navy-950); display:flex; flex-direction:column; padding:110px 28px 40px; transform:translateX(100%); transition:transform 0.4s var(--ease); } .mobile-menu.is-open{transform:translateX(0);} .mobile-menu a{font-family:var(--font-display); font-size:30px; font-weight:700; padding:18px 0; border-bottom:1px solid var(--line); color:var(--ice-50);} .mobile-menu .lang-switch{ margin-top:28px; align-self:flex-start; } /* ============ HERO ============ */ .hero{ position:relative; min-height:100vh; display:flex; align-items:center; padding-top:140px; padding-bottom:60px; overflow:hidden; background: radial-gradient(ellipse 900px 600px at 78% 18%, rgba(15,194,192,0.16), transparent 60%), radial-gradient(ellipse 700px 500px at 15% 85%, rgba(212,175,106,0.08), transparent 60%), linear-gradient(180deg, var(--navy-950) 0%, var(--navy-900) 55%, var(--navy-800) 100%); } .hero-grid-bg{ position:absolute; inset:0; opacity:0.35; background-image: linear-gradient(rgba(143,163,184,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(143,163,184,0.07) 1px, transparent 1px); background-size:64px 64px; mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, black, transparent); } .hero .wrap{position:relative; z-index:2; display:grid; grid-template-columns:1.05fr 0.95fr; gap:40px; align-items:center;} @media (max-width:980px){ .hero .wrap{grid-template-columns:1fr; gap:64px;} .hero{padding-top:120px;} } .hero-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-300); margin-bottom:24px; font-weight:500; padding:7px 14px; border-radius:999px; background:rgba(212,175,106,0.08); border:1px solid rgba(212,175,106,0.22); } .hero-eyebrow span.dot{width:6px;height:6px;border-radius:50%; background:var(--teal-400); box-shadow:0 0 0 3px var(--teal-glow);} .hero h1{ font-size:clamp(38px, 5.4vw, 64px); line-height:1.06; letter-spacing:-0.015em; margin-bottom:26px; } .hero h1 .accent{ color:var(--teal-400); font-style:italic; font-weight:500; } .hero-desc{ font-size:18px; color:var(--slate-300); max-width:520px; margin-bottom:36px; line-height:1.7; } .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px;} .hero-trust{display:flex; align-items:center; gap:22px; flex-wrap:wrap;} .hero-trust-item{display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--slate-400);} .hero-trust-item svg{color:var(--teal-400); width:16px; height:16px; flex-shrink:0;} /* --- Orbit signature element --- */ .orbit-stage{ position:relative; aspect-ratio:1/1; max-width:560px; margin:0 auto; } .orbit-stage svg{width:100%; height:100%; display:block;} .orbit-ring{ fill:none; stroke:rgba(143,163,184,0.16); stroke-width:1; } .orbit-ring--dash{ stroke-dasharray:2 6; } .orbit-core{ transform-origin:center; } .orbit-core-glow{ filter:blur(18px); } .orbit-node-group{ cursor:pointer; } .orbit-node-circle{ fill:var(--navy-800); stroke:var(--teal-400); stroke-width:1.6; transition:fill 0.3s, r 0.3s; } .orbit-node-group:hover .orbit-node-circle{ fill:var(--teal-400); } .orbit-node-group:hover .orbit-node-icon{ color:var(--navy-950); } .orbit-node-icon{ color:var(--teal-400); transition:color 0.3s; pointer-events:none; } .orbit-node-label{ font-family:var(--font-mono); font-size:13.5px; font-weight:700; fill:var(--slate-300); text-anchor:middle; pointer-events:none; letter-spacing:0.02em; } .orbit-center-label{ font-family:var(--font-display); font-weight:700; fill:var(--ice-50); text-anchor:middle; pointer-events:none; } .spin-slow{ animation:spin 70s linear infinite; } .spin-slow-rev{ animation:spin 90s linear infinite reverse; } .spin-mid{ animation:spin 50s linear infinite; } @keyframes spin{ to{ transform:rotate(360deg); } } .pulse{ animation:pulse 3.2s ease-in-out infinite; } @keyframes pulse{ 0%,100%{ opacity:0.55; } 50%{ opacity:1; } } @media (prefers-reduced-motion: reduce){ .spin-slow, .spin-slow-rev, .spin-mid{ animation:none; } } /* ============ STATS ============ */ .stats-band{ background:var(--navy-800); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:64px 0; position:relative; } .stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; } @media (max-width:860px){ .stats-grid{ grid-template-columns:repeat(2,1fr); gap:32px 8px; } } .stat-item{ text-align:center; padding:0 16px; position:relative; } .stat-item:not(:last-child)::after{ content:''; position:absolute; right:-4px; top:8px; bottom:8px; width:1px; background:var(--line); } @media (max-width:860px){ .stat-item:nth-child(odd)::after{ display:none; } } .stat-num{ font-family:var(--font-mono); font-size:clamp(32px,4.4vw,46px); font-weight:700; color:var(--ice-50); line-height:1; display:flex; align-items:baseline; justify-content:center; gap:2px; } .stat-num .suffix{ color:var(--teal-400); font-size:0.65em; } .stat-label{ margin-top:10px; font-size:13.5px; color:var(--slate-400); font-weight:500; } /* ============ ECOSYSTEM MAP ============ */ .eco-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; } @media (max-width:980px){ .eco-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:560px){ .eco-grid{ grid-template-columns:1fr; } } .eco-card{ padding:30px 24px; display:flex; flex-direction:column; gap:14px; } .eco-card-icon{ width:46px;height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:rgba(15,194,192,0.1); color:var(--teal-400); border:1px solid rgba(15,194,192,0.22); } .eco-card h4{ font-size:18px; font-weight:600; } .eco-card p{ font-size:14px; color:var(--slate-400); line-height:1.6; flex:1; } .eco-card .eco-link{ font-size:13.5px; font-weight:600; color:var(--teal-400); display:flex; align-items:center; gap:6px; margin-top:auto; } .eco-card.is-gold .eco-card-icon{ background:rgba(212,175,106,0.1); color:var(--gold-300); border-color:rgba(212,175,106,0.25); } .eco-card.is-gold .eco-link{ color:var(--gold-300); } /* ============ STORIES ============ */ .stories-band{ background:var(--navy-800); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .stories-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } @media (max-width:920px){ .stories-grid{ grid-template-columns:1fr; } } .stories-empty{ display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; padding:64px 24px; border:1px dashed var(--line-strong); border-radius:var(--radius-lg); color:var(--slate-400); } .stories-empty i{ color:var(--teal-400); opacity:0.7; } .stories-empty p{ font-size:15px; } .story-card{ padding:28px; display:flex; flex-direction:column; gap:18px; } .story-quote{ font-size:15.5px; color:var(--slate-300); line-height:1.7; flex:1; } .story-quote::before{ content:'"'; color:var(--teal-400); font-family:var(--font-display); font-size:28px; line-height:0; } .story-person{ display:flex; align-items:center; gap:12px; } .story-avatar{ width:42px;height:42px;border-radius:50%; background:linear-gradient(135deg,var(--teal-400),var(--navy-600)); display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-weight:700; font-size:14px; color:var(--navy-950); flex-shrink:0; } .story-person-name{ font-size:14px; font-weight:600; color:var(--ice-50); } .story-person-role{ font-size:12.5px; color:var(--slate-400); } .story-metric{ display:inline-flex; align-self:flex-start; font-family:var(--font-mono); font-size:12px; font-weight:600; color:var(--teal-400); background:rgba(15,194,192,0.1); padding:4px 10px; border-radius:999px; border:1px solid rgba(15,194,192,0.22); } /* ============ COURSES ============ */ .courses-tabs{ display:flex; gap:10px; margin-bottom:40px; flex-wrap:wrap; } .courses-tab{ padding:9px 18px; border-radius:999px; font-size:13.5px; font-weight:600; background:rgba(255,255,255,0.04); border:1px solid var(--line-strong); color:var(--slate-300); transition:all 0.25s; } .courses-tab.active{ background:var(--teal-400); color:var(--navy-950); border-color:var(--teal-400); } .course-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } @media (max-width:980px){ .course-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:680px){ .course-grid{ grid-template-columns:1fr; } } .catalog-block{ margin-bottom:40px; } .catalog-head{ margin-bottom:24px; } .catalog-head h3{ font-family:var(--font-display); font-size:21px; font-weight:600; color:var(--ice-50); margin-bottom:6px; } .catalog-head p{ font-size:14px; color:var(--slate-400); max-width:520px; } .catalog-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } @media (max-width:980px){ .catalog-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:560px){ .catalog-grid{ grid-template-columns:1fr; } } .catalog-card{ padding:22px 20px; display:flex; flex-direction:column; gap:10px; text-decoration:none; transition:transform 0.3s var(--ease), border-color 0.3s; } .catalog-card:hover{ transform:translateY(-3px); border-color:var(--gold-300); } .catalog-icon{ width:42px;height:42px;border-radius:12px; background:rgba(212,175,106,0.1); color:var(--gold-300); display:flex; align-items:center; justify-content:center; border:1px solid rgba(212,175,106,0.25); } .catalog-card h4{ font-size:15.5px; font-weight:600; color:var(--ice-50); line-height:1.35; } .catalog-card p{ font-size:12.5px; color:var(--slate-400); line-height:1.55; flex:1; } .catalog-link{ font-size:12.5px; font-weight:600; color:var(--gold-300); display:flex; align-items:center; gap:6px; margin-top:auto; } .course-card{ display:flex; flex-direction:column; overflow:hidden; } .course-card.is-featured{ border-color:var(--teal-400); box-shadow:0 0 0 1px var(--teal-400), 0 20px 50px -20px var(--teal-glow); } .course-banner{ height:130px; position:relative; display:flex; align-items:flex-start; justify-content:space-between; padding:18px; background:linear-gradient(135deg, var(--navy-700), var(--navy-900)); } .course-banner.b2{ background:linear-gradient(135deg, #1B4172, #0E2342); } .course-banner.b3{ background:linear-gradient(135deg, #2A2410, #0E2342); } .course-banner-icon{ color:rgba(255,255,255,0.85); } .course-body{ padding:24px; display:flex; flex-direction:column; gap:14px; flex:1; } .course-cat{ font-family:var(--font-mono); font-size:11.5px; color:var(--teal-400); letter-spacing:0.05em; text-transform:uppercase; } .course-card h4{ font-size:19px; } .course-card p.desc{ font-size:14px; color:var(--slate-400); line-height:1.6; flex:1; } .course-meta{ display:flex; gap:16px; font-size:12.5px; color:var(--slate-400); } .course-meta span{ display:flex; align-items:center; gap:5px; } .course-meta svg{ width:13px;height:13px; color:var(--teal-400); } .course-footer{ display:flex; align-items:center; justify-content:flex-end; padding-top:14px; border-top:1px solid var(--line); } .course-footer .btn{ width:100%; justify-content:center; } /* ============ AI TOOLS ============ */ .ai-band{ background:linear-gradient(180deg, var(--navy-900), var(--navy-800)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .ai-layout{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } @media (max-width:920px){ .ai-layout{ grid-template-columns:1fr; gap:40px; } } .ai-features{ display:flex; flex-direction:column; gap:18px; margin:28px 0 32px; } .ai-feature{ display:flex; gap:14px; align-items:flex-start; } .ai-feature-icon{ width:36px;height:36px;border-radius:10px; flex-shrink:0; background:rgba(15,194,192,0.1); color:var(--teal-400); display:flex; align-items:center; justify-content:center; border:1px solid rgba(15,194,192,0.22); } .ai-feature h5{ font-size:15px; font-weight:600; color:var(--ice-50); margin-bottom:3px; font-family:var(--font-body); } .ai-feature p{ font-size:13.5px; color:var(--slate-400); line-height:1.5; } .chat-mock{ border-radius:var(--radius-lg); background:var(--navy-950); border:1px solid var(--line-strong); overflow:hidden; box-shadow:0 30px 70px -30px rgba(0,0,0,0.6); } .chat-mock-head{ display:flex; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid var(--line); background:rgba(255,255,255,0.02); } .chat-mock-head .dot{ width:9px;height:9px;border-radius:50%; } .chat-mock-title{ font-size:13px; font-weight:600; margin-left:6px; flex:1; } .chat-mock-body{ padding:20px; display:flex; flex-direction:column; gap:14px; min-height:260px; } .chat-bubble{ max-width:85%; padding:11px 15px; border-radius:14px; font-size:13.5px; line-height:1.55; } .chat-bubble.user{ align-self:flex-end; background:var(--teal-400); color:var(--navy-950); border-radius:14px 14px 4px 14px; } .chat-bubble.bot{ align-self:flex-start; background:rgba(255,255,255,0.06); color:var(--ice-50); border-radius:14px 14px 14px 4px; } .chat-mock-input{ display:flex; gap:10px; padding:14px 16px; border-top:1px solid var(--line); background:rgba(255,255,255,0.015); } .chat-mock-input input{ flex:1; background:rgba(255,255,255,0.05); border:1px solid var(--line-strong); border-radius:999px; padding:10px 16px; color:var(--ice-50); font-size:13.5px; font-family:var(--font-body); } .chat-mock-input input::placeholder{ color:var(--slate-400); } .chat-mock-input button{ width:38px;height:38px;border-radius:50%; background:var(--teal-400); color:var(--navy-950); display:flex; align-items:center; justify-content:center; flex-shrink:0; } /* ============ VIDEO ACADEMY ============ */ .video-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } @media (max-width:980px){ .video-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:560px){ .video-grid{ grid-template-columns:1fr; } } .video-card{ overflow:hidden; } .video-thumb{ aspect-ratio:16/9; position:relative; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--navy-700), var(--navy-900)); } .video-thumb .play-btn{ width:46px;height:46px;border-radius:50%; background:rgba(255,255,255,0.12); backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; color:#fff; border:1px solid rgba(255,255,255,0.25); transition:transform 0.3s; } .video-card:hover .play-btn{ transform:scale(1.1); background:var(--teal-400); color:var(--navy-950); } .video-duration{ position:absolute; bottom:8px; right:8px; font-family:var(--font-mono); font-size:11px; background:rgba(0,0,0,0.6); padding:2px 7px; border-radius:5px; } .video-info{ padding:16px 18px; } .video-info h5{ font-size:14.5px; font-weight:600; color:var(--ice-50); margin-bottom:5px; font-family:var(--font-body); } .video-info span{ font-size:12px; color:var(--slate-400); } /* ============ BLOG ============ */ .blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } @media (max-width:920px){ .blog-grid{ grid-template-columns:1fr; } } .blog-card{ overflow:hidden; display:flex; flex-direction:column; } .blog-cover{ height:160px; background:linear-gradient(135deg, var(--navy-700), var(--teal-500) 150%); position:relative; } .blog-cat-tag{ position:absolute; top:14px; left:14px; } .blog-body{ padding:22px; display:flex; flex-direction:column; gap:10px; flex:1; } .blog-date{ font-family:var(--font-mono); font-size:11.5px; color:var(--slate-400); } .blog-body h4{ font-size:17px; line-height:1.35; } .blog-body p{ font-size:13.5px; color:var(--slate-400); line-height:1.6; flex:1; } .blog-read{ font-size:13px; font-weight:600; color:var(--teal-400); display:flex; align-items:center; gap:6px; } /* ============ FREE RESOURCES ============ */ .resources-band{ background:var(--navy-800); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .resources-layout{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center; } @media (max-width:920px){ .resources-layout{ grid-template-columns:1fr; gap:36px; } } .resource-list{ display:flex; flex-direction:column; gap:14px; margin-top:8px; } .resource-item{ display:flex; align-items:center; gap:14px; padding:16px 18px; background:rgba(255,255,255,0.03); border:1px solid var(--line); border-radius:var(--radius-md); } .resource-item-icon{ width:38px;height:38px;border-radius:10px; background:rgba(212,175,106,0.1); color:var(--gold-300); display:flex;align-items:center;justify-content:center; flex-shrink:0; border:1px solid rgba(212,175,106,0.25); } .resource-item h5{ font-size:14.5px; font-weight:600; color:var(--ice-50); font-family:var(--font-body); } .resource-item span{ font-size:12.5px; color:var(--slate-400); } .resource-item .dl{ margin-left:auto; color:var(--teal-400); flex-shrink:0; } .lead-form-card{ padding:32px; } .lead-form-card h4{ font-size:20px; margin-bottom:8px; } .lead-form-card p{ font-size:13.5px; color:var(--slate-400); margin-bottom:22px; } .form-field{ margin-bottom:14px; } .form-field label{ display:block; font-size:12.5px; font-weight:600; color:var(--slate-300); margin-bottom:6px; } .form-field input, .form-field select, .form-field textarea{ width:100%; padding:12px 14px; border-radius:var(--radius-sm); background:rgba(255,255,255,0.04); border:1px solid var(--line-strong); color:var(--ice-50); font-family:var(--font-body); font-size:14px; } .form-field input::placeholder, .form-field textarea::placeholder{ color:var(--slate-400); } .form-field textarea{ resize:vertical; min-height:90px; } .form-note{ font-size:11.5px; color:var(--slate-400); margin-top:10px; text-align:center; } /* ============ COMMUNITY ============ */ .community-layout{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; } @media (max-width:920px){ .community-layout{ grid-template-columns:1fr; gap:40px; } } .leaderboard-card{ padding:8px; } .leaderboard-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px 12px; } .leaderboard-head h5{ font-size:15px; font-family:var(--font-body); font-weight:600; } .lb-row{ display:flex; align-items:center; gap:14px; padding:12px 20px; border-top:1px solid var(--line); } .lb-rank{ font-family:var(--font-mono); font-weight:700; color:var(--slate-400); width:22px; } .lb-row:nth-child(2) .lb-rank{ color:var(--gold-300); } .lb-avatar{ width:34px;height:34px;border-radius:50%; background:linear-gradient(135deg,var(--teal-400),var(--navy-600)); display:flex;align-items:center;justify-content:center; font-family:var(--font-mono); font-size:12px; font-weight:700; color:var(--navy-950); flex-shrink:0; } .lb-info{ flex:1; } .lb-name{ font-size:13.5px; font-weight:600; color:var(--ice-50); } .lb-level{ font-size:11.5px; color:var(--slate-400); } .lb-xp{ font-family:var(--font-mono); font-size:12.5px; color:var(--teal-400); font-weight:600; } .badges-row{ display:flex; gap:10px; padding:16px 20px 20px; flex-wrap:wrap; } .badge-chip{ width:40px;height:40px;border-radius:11px; background:rgba(212,175,106,0.1); border:1px solid rgba(212,175,106,0.25); display:flex; align-items:center; justify-content:center; color:var(--gold-300); } /* ============ CORPORATE ============ */ .corp-layout{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; } @media (max-width:920px){ .corp-layout{ grid-template-columns:1fr; gap:36px; } } .corp-list{ display:flex; flex-direction:column; gap:16px; margin:24px 0 32px; } .corp-list li{ display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--slate-300); line-height:1.5; } .corp-list svg{ color:var(--gold-300); flex-shrink:0; margin-top:2px; width:17px; height:17px; } .corp-logos{ display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin-top:8px; opacity:0.7; } .corp-logos span{ font-family:var(--font-mono); font-size:12px; color:var(--slate-400); border:1px solid var(--line); padding:5px 12px; border-radius:999px; } /* ============ CONTACT ============ */ .contact-band{ background:var(--navy-800); border-top:1px solid var(--line); } .contact-layout{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; } @media (max-width:920px){ .contact-layout{ grid-template-columns:1fr; gap:36px; } } .contact-info-item{ display:flex; gap:14px; align-items:flex-start; margin-bottom:22px; } .contact-info-icon{ width:40px;height:40px;border-radius:11px; background:rgba(15,194,192,0.1); color:var(--teal-400); display:flex;align-items:center;justify-content:center; flex-shrink:0; border:1px solid rgba(15,194,192,0.22); } .contact-info-item h5{ font-size:14.5px; font-weight:600; font-family:var(--font-body); margin-bottom:3px; } .contact-info-item span, .contact-info-item a{ font-size:13.5px; color:var(--slate-400); } .contact-socials{ display:flex; gap:10px; margin-top:24px; } .contact-socials a{ width:38px;height:38px;border-radius:50%; background:rgba(255,255,255,0.05); border:1px solid var(--line-strong); display:flex;align-items:center;justify-content:center; transition:all 0.25s; } .contact-socials a:hover{ background:var(--teal-400); color:var(--navy-950); } .form-grid-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } @media (max-width:520px){ .form-grid-2{ grid-template-columns:1fr; } } /* ============ FOOTER ============ */ .footer{ background:var(--navy-950); padding:64px 0 28px; border-top:1px solid var(--line); } .footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:48px; } @media (max-width:780px){ .footer-grid{ grid-template-columns:1fr 1fr; } } @media (max-width:480px){ .footer-grid{ grid-template-columns:1fr; } } .footer-brand p{ font-size:13.5px; color:var(--slate-400); margin-top:14px; max-width:280px; line-height:1.6; } .footer-col h6{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--slate-400); margin-bottom:16px; } .footer-col a{ display:block; font-size:13.5px; color:var(--slate-300); margin-bottom:11px; transition:color 0.2s; } .footer-col a:hover{ color:var(--teal-400); } .footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding-top:24px; border-top:1px solid var(--line); flex-wrap:wrap; gap:12px; } .footer-bottom p{ font-size:12.5px; color:var(--slate-400); } .footer-bottom-links{ display:flex; gap:18px; } .footer-bottom-links a{ font-size:12.5px; color:var(--slate-400); } /* ============ FLOATING WIDGETS ============ */ .fab-stack{ position:fixed; bottom:24px; right:24px; z-index:300; display:flex; flex-direction:column; gap:14px; align-items:flex-end; } .fab{ width:56px;height:56px;border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px -8px rgba(0,0,0,0.5); transition:transform 0.3s var(--ease); } .fab:hover{ transform:scale(1.08); } .fab--ai{ background:linear-gradient(135deg,var(--teal-400),var(--navy-600)); color:#fff; position:relative; } .fab--ai::after{ content:''; position:absolute; inset:-4px; border-radius:50%; border:1.5px solid var(--teal-400); opacity:0.5; animation:ringPulse 2.4s ease-out infinite; } @keyframes ringPulse{ 0%{ transform:scale(0.85); opacity:0.6; } 100%{ transform:scale(1.35); opacity:0; } } @media (prefers-reduced-motion: reduce){ .fab--ai::after{ animation:none; display:none; } } .ai-panel{ position:fixed; bottom:96px; right:24px; z-index:301; width:380px; max-width:calc(100vw - 32px); height:520px; max-height:calc(100vh - 140px); background:var(--navy-950); border:1px solid var(--line-strong); border-radius:var(--radius-lg); box-shadow:0 30px 80px -20px rgba(0,0,0,0.6); display:flex; flex-direction:column; overflow:hidden; transform:translateY(16px) scale(0.97); opacity:0; pointer-events:none; transition:all 0.3s var(--ease); } .ai-panel.is-open{ transform:translateY(0) scale(1); opacity:1; pointer-events:auto; } .ai-panel-head{ display:flex; align-items:center; gap:10px; padding:16px 18px; border-bottom:1px solid var(--line); background:rgba(255,255,255,0.02); } .ai-panel-avatar{ width:34px;height:34px;border-radius:50%; background:linear-gradient(135deg,var(--teal-400),var(--navy-600)); display:flex;align-items:center;justify-content:center; flex-shrink:0; } .ai-panel-title{ font-size:14px; font-weight:600; } .ai-panel-sub{ font-size:11.5px; color:var(--teal-400); display:flex; align-items:center; gap:5px; } .ai-panel-sub .dot{ width:6px;height:6px;border-radius:50%; background:#28C840; } .ai-panel-close{ margin-left:auto; width:30px;height:30px; border-radius:8px; display:flex;align-items:center;justify-content:center; color:var(--slate-400); } .ai-panel-close:hover{ background:rgba(255,255,255,0.06); color:#fff; } .ai-panel-body{ flex:1; overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:12px; } .ai-panel-body .chat-bubble{ font-size:13.5px; } .ai-panel-foot{ display:flex; gap:10px; padding:14px; border-top:1px solid var(--line); } .ai-panel-foot input{ flex:1; background:rgba(255,255,255,0.05); border:1px solid var(--line-strong); border-radius:999px; padding:10px 15px; color:#fff; font-size:13.5px; font-family:var(--font-body); } .ai-panel-foot button{ width:38px;height:38px;border-radius:50%; background:var(--teal-400); color:var(--navy-950); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:opacity 0.2s; } .ai-panel-foot button:disabled{ opacity:0.5; } .typing-dots{ display:flex; gap:4px; padding:4px 0; } .typing-dots span{ width:6px;height:6px;border-radius:50%; background:var(--slate-400); animation:typingDot 1.2s infinite; } .typing-dots span:nth-child(2){ animation-delay:0.15s; } .typing-dots span:nth-child(3){ animation-delay:0.3s; } @keyframes typingDot{ 0%,60%,100%{ opacity:0.3; transform:translateY(0); } 30%{ opacity:1; transform:translateY(-3px); } } @media (max-width:480px){ .fab-stack{ bottom:16px; right:16px; } .ai-panel{ right:16px; bottom:88px; width:calc(100vw - 32px); } } /* ============ ABOUT MODAL ============ */ .about-overlay{ position:fixed; inset:0; z-index:400; background:rgba(5,10,18,0.72); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; pointer-events:none; transition:opacity 0.3s var(--ease); } .about-overlay.is-open{ opacity:1; pointer-events:auto; } .about-modal{ position:relative; width:100%; max-width:680px; max-height:88vh; overflow-y:auto; background:linear-gradient(160deg, var(--navy-800), var(--navy-900)); border:1px solid var(--line-strong); border-radius:var(--radius-lg); box-shadow:0 40px 90px -20px rgba(0,0,0,0.65); padding:0; transform:translateY(20px) scale(0.97); transition:transform 0.35s var(--ease); } .about-overlay.is-open .about-modal{ transform:translateY(0) scale(1); } .about-modal-close{ position:absolute; top:18px; right:18px; z-index:2; width:36px;height:36px;border-radius:50%; background:rgba(255,255,255,0.06); border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; color:var(--slate-300); transition:all 0.25s; } .about-modal-close:hover{ background:rgba(255,255,255,0.12); color:#fff; } .about-hero{ padding:44px 36px 28px; display:flex; align-items:center; gap:20px; border-bottom:1px solid var(--line); background: radial-gradient(ellipse 420px 220px at 85% 0%, rgba(15,194,192,0.14), transparent 60%); } .about-avatar{ width:76px; height:76px; border-radius:20px; flex-shrink:0; background:linear-gradient(135deg, var(--teal-400), var(--navy-600)); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:600; font-size:28px; color:var(--navy-950); box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset; } .about-hero h3{ font-size:24px; margin-bottom:6px; } .about-hero .role{ font-size:14px; color:var(--teal-400); font-weight:500; } .about-body{ padding:30px 36px 36px; display:flex; flex-direction:column; gap:28px; } .about-lead{ font-size:15.5px; color:var(--slate-300); line-height:1.75; } .about-section h5{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.08em; text-transform:uppercase; color:var(--slate-400); margin-bottom:14px; } .about-timeline{ display:flex; flex-direction:column; gap:14px; } .about-timeline-item{ display:flex; gap:14px; align-items:flex-start; } .about-timeline-dot{ width:8px; height:8px; border-radius:50%; background:var(--teal-400); margin-top:7px; flex-shrink:0; box-shadow:0 0 0 3px var(--teal-glow); } .about-timeline-content{ flex:1; } .about-timeline-year{ font-family:var(--font-mono); font-size:12px; color:var(--gold-300); font-weight:600; margin-bottom:2px; } .about-timeline-text{ font-size:14.5px; color:var(--ice-50); line-height:1.55; } .about-tags{ display:flex; flex-wrap:wrap; gap:10px; } .about-tag{ display:flex; align-items:center; gap:8px; padding:9px 14px; border-radius:var(--radius-sm); background:rgba(255,255,255,0.03); border:1px solid var(--line); font-size:13.5px; color:var(--slate-300); } .about-tag i{ color:var(--teal-400); width:15px; height:15px; flex-shrink:0; } .about-stats-mini{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; } .about-stat-mini{ text-align:center; padding:14px 8px; background:rgba(255,255,255,0.03); border:1px solid var(--line); border-radius:var(--radius-sm); } .about-stat-mini .num{ font-family:var(--font-mono); font-weight:700; font-size:20px; color:var(--teal-400); } .about-stat-mini .label{ font-size:11px; color:var(--slate-400); margin-top:4px; } .about-cta-row{ display:flex; gap:12px; flex-wrap:wrap; padding-top:6px; } .about-accordion{ border:1px solid var(--line); border-radius:var(--radius-md); background:rgba(255,255,255,0.02); overflow:hidden; } .about-accordion-trigger{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; cursor:pointer; text-align:left; font-family:var(--font-mono); font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--slate-300); font-weight:600; } .about-accordion-trigger:hover{ color:var(--ice-50); } .about-accordion-trigger .chev{ color:var(--teal-400); transition:transform 0.3s var(--ease); flex-shrink:0; } .about-accordion.is-open .about-accordion-trigger .chev{ transform:rotate(180deg); } .about-accordion-panel{ max-height:0; overflow:hidden; transition:max-height 0.4s var(--ease); } .about-accordion-panel-inner{ padding:0 18px 20px; display:flex; flex-direction:column; gap:20px; } .about-pub-group h6{ font-size:13px; font-weight:600; color:var(--teal-400); margin-bottom:8px; font-family:var(--font-body); } .about-pub-list{ display:flex; flex-direction:column; gap:7px; } .about-pub-item{ font-size:13px; color:var(--slate-300); line-height:1.55; padding-left:14px; position:relative; } .about-pub-item::before{ content:'—'; position:absolute; left:0; color:var(--slate-400); } .about-cert-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px 16px; } @media (max-width:560px){ .about-cert-grid{ grid-template-columns:1fr; } } .about-cert-item{ font-size:12.5px; color:var(--slate-300); line-height:1.5; padding-left:12px; position:relative; } .about-cert-item::before{ content:'•'; position:absolute; left:0; color:var(--gold-300); } .about-avesis-link{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--teal-400); font-weight:600; } .about-avesis-link:hover{ text-decoration:underline; } @media (max-width:560px){ .about-hero{ padding:36px 22px 24px; flex-direction:column; text-align:center; } .about-body{ padding:24px 22px 28px; } .about-stats-mini{ grid-template-columns:repeat(2,1fr); } }
25 yıllık akademik ve sahada deneyimi yapay zekâ ile birleştiren bir öğrenme ekosistemi. KOBİ'nizi büyütün, girişiminizi ölçeklendirin, aile şirketinizi kurumsallaştırın — tek çatı altında.
Her biri ayrı bir kapı, hepsi aynı eve açılıyor: girişiminizi büyütmek ve dönüştürmek.
Akademik birikimimi ve saha deneyimimi temel alan yapay zekâ asistanı. Sorularınızı 7/24 yanıtlar.
Sohbete başlaKüçük ve orta ölçekli işletmeler için dijital dönüşüm, büyüme ve verimlilik programları.
Programları görY Combinator ve Stanford d.school metodolojisiyle, lig formatında girişimcilik gelişim programı.
Lige katılAile şirketleri için kurumsallaşma ve nesil geçişi koçluğu. İkinci kuşak yöneticilere özel.
Koçluğu inceleKurumsal ve bireysel danışmanlık talepleri için doğrudan randevu ve teklif sistemi.
Talep oluşturBaşarı hikâyeleri yakında burada yer alacak.
İster bireysel girişimci, ister KOBİ sahibi, ister aile şirketi yöneticisi olun — size uygun yol haritası burada.
Tüm eğitim programlarımızın detaylı içeriklerini PDF olarak inceleyebilir, indirebilirsiniz.
Premium kurumsal eğitim & danışmanlık paketleri, eğitim metodolojisi ve iş birliği modeli.
PDF'i İndirYeni girişimciler, startup'lar, KOBİ'ler, aile şirketleri ve kadın girişimciler için 10 özel program.
PDF'i İndirEmlak, yazılım ve eğitim sektörlerine özel butik motivasyon ve verimlilik eğitimleri.
PDF'i İndirKriz yönetimi, dijitalleşme ve sürdürülebilirlik odaklı 9 üst düzey yönetici programı.
PDF'i İndir12 haftada işletmenizi dijitalleştirin: süreç haritalama, otomasyon, veri tabanlı karar alma ve ekip dönüşümü.
YC ve Stanford d.school metodolojisiyle 52 haftalık lig formatında ürün, büyüme ve yatırımcı hazırlığı.
İkinci kuşak yöneticiler için kurumsallaşma, yetki devri ve nesil geçişi protokolleri.
KOBİ'ler için nakit akışı planlama, fiyatlandırma stratejisi ve temel finansal raporlama.
4 haftalık yoğun atölyede fikrinizi test edilebilir bir MVP'ye dönüştürün.
Aile anayasası, yönetim kurulu yapılanması ve şeffaf karar mekanizmaları kurulumu.
25 yıllık akademik birikimim ve saha tecrübemle eğitilen Hadi AI, sorularınızı anında yanıtlar, size uygun programı önerir ve danışmanlık talebinizi başlatır.
KOBİ dönüşümü, girişimcilik ve aile şirketleri konularında uzman seviyesinde sohbet.
İşletmenizin durumuna göre size en uygun eğitim veya koçluk programını önerir.
Yanıtlar, 25 yıllık akademik ve saha deneyimine dayanır; gerektiğinde sizi doğrudan iletişim formuna yönlendirir.
Kısa, uygulamaya dönük video dersler — istediğiniz an, istediğiniz yerde.
Girişimcilik, KOBİ dönüşümü ve yapay zekâ üzerine düzenli yazılar.
Önümüzdeki yılın KOBİ'ler için en kritik dönüşüm alanlarını ele alıyoruz.
Devamını okuDemo day öncesi hazırlık sürecinde gözden kaçırılan kritik noktalar.
Devamını okuİkinci kuşağa geçişte kurumsallaşmanın gerçek maliyeti.
Devamını okuİndirin, uygulayın, faydasını görün. E-posta adresinizi bırakın, kaynak anında gelsin.
Haftalık girişimcilik ve KOBİ dönüşüm içerikleriyle birlikte gelir.
Görevleri tamamlayın, XP kazanın, seviye atlayın. Üyelik sistemine katılan her girişimci bir profil, bir rozet koleksiyonu ve bir liderlik tablosu konumu kazanır.
KOSGEB, İŞKUR ve AKGİM iş birlikleriyle aldığım eğitmenlik deneyimini kurumunuza özel bir programa dönüştürüyorum.
Bilgilerinizi bırakın, 24 saat içinde dönüş yapalım.
Sorularınız mı var, görüşme mi planlamak istiyorsunuz? Aşağıdaki kanallardan ulaşın.
Form üzerinden gönderdiğiniz mesajlar doğrudan ekibime ulaşır.