< }> /* ============ 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); } }
Ekosistem Eğitimler AI Araçları Başarı Hikâyeleri Blog Kurumsal İletişim
1990'DAN BUGÜNE

Yapay Zekâ Destekli
Girişimcilik ve
KOBİ Dönüşüm Ekosistemi

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.

GİRİŞİMCİ. MENTOR .EĞİTMEN. Hadi İSTANBULLU
Hadi İstanbullu Hadi AI Danışmanlık KOBİ Akademi Startup League ATLAS
0+
Yıl Deneyim
0+
Öğrenci
0+
Girişimci
0+
Seminer & Atölye
Ekosistem Haritası

Beş ürün, tek vizyon

Her biri ayrı bir kapı, hepsi aynı eve açılıyor: girişiminizi büyütmek ve dönüştürmek.

Hadi AI

Akademik birikimimi ve saha deneyimimi temel alan yapay zekâ asistanı. Sorularınızı 7/24 yanıtlar.

Sohbete başla

KOBİ Dönüşüm Akademisi

Küçük ve orta ölçekli işletmeler için dijital dönüşüm, büyüme ve verimlilik programları.

Programları gör

Startup League

Y Combinator ve Stanford d.school metodolojisiyle, lig formatında girişimcilik gelişim programı.

Lige katıl

ATLAS

Aile şirketleri için kurumsallaşma ve nesil geçişi koçluğu. İkinci kuşak yöneticilere özel.

Koçluğu incele

Danışmanlık Merkezi

Kurumsal ve bireysel danışmanlık talepleri için doğrudan randevu ve teklif sistemi.

Talep oluştur
Başarı Hikâyeleri

Rakamların arkasındaki insanlar

Başarı hikâyeleri yakında burada yer alacak.

Eğitimler

Bulunduğunuz yere göre bir program

İster bireysel girişimci, ister KOBİ sahibi, ister aile şirketi yöneticisi olun — size uygun yol haritası burada.

Startup League

4 Sezon Girişimcilik Ligi

YC ve Stanford d.school metodolojisiyle 52 haftalık lig formatında ürün, büyüme ve yatırımcı hazırlığı.

52 hafta Demo Day 1000+ girişimci
ATLAS

Aile Şirketleri Dönüşüm Koçluğu

İkinci kuşak yöneticiler için kurumsallaşma, yetki devri ve nesil geçişi protokolleri.

6 ay 1:1 Koçluk Kurumsal
KOBİ Dönüşüm Akademisi

Finansal Okuryazarlık ve Nakit Yönetimi

KOBİ'ler için nakit akışı planlama, fiyatlandırma stratejisi ve temel finansal raporlama.

6 hafta Sertifikalı
Startup League

Fikirden Ürüne: MVP Atölyesi

4 haftalık yoğun atölyede fikrinizi test edilebilir bir MVP'ye dönüştürün.

4 hafta Sertifikalı
ATLAS

Kurumsal Yönetişim Temelleri

Aile anayasası, yönetim kurulu yapılanması ve şeffaf karar mekanizmaları kurulumu.

8 hafta Sertifikalı
Yapay Zekâ Araçları

Hadi AI: 7/24 danışmanınız

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.

Anında yanıt

KOBİ dönüşümü, girişimcilik ve aile şirketleri konularında uzman seviyesinde sohbet.

Kişiselleştirilmiş öneri

İşletmenizin durumuna göre size en uygun eğitim veya koçluk programını önerir.

Güvenilir kaynak

Yanıtlar, 25 yıllık akademik ve saha deneyimine dayanır; gerektiğinde sizi doğrudan iletişim formuna yönlendirir.

Hadi AI'ı Şimdi Dene
Hadi AI Çevrimiçi
Merhaba! Ben Hadi AI 👋 KOBİ dönüşümü, girişimcilik veya aile şirketleri hakkında ne öğrenmek istersin?
İşletmemi dijitalleştirmek istiyorum, nereden başlamalıyım?
Harika bir karar! Sana KOBİ Dönüşüm Akademisi'ndeki 12 haftalık Dijital Dönüşüm Sprint Programı'nı öneririm. İlk adım olarak süreç haritalama atölyesiyle başlıyoruz.
Video Akademi

İzleyerek öğrenin

Kısa, uygulamaya dönük video dersler — istediğiniz an, istediğiniz yerde.

Tümünü Gör
8:24
KOBİ'nizde Dijital Dönüşüme Nereden Başlanır?
KOBİ Dönüşüm Akademisi
11:02
Aile Şirketinde Nesil Geçişi: 5 Kritik Adım
ATLAS
6:47
Yatırımcıya 60 Saniyede Kendinizi Anlatın
Startup League
9:15
Yapay Zekâ ile Pazarlama Otomasyonu
Hadi AI
Blog

Sahadan notlar

Girişimcilik, KOBİ dönüşümü ve yapay zekâ üzerine düzenli yazılar.

Tüm Yazılar
Ücretsiz Kaynaklar

Önce deneyin, sonra karar verin

İndirin, uygulayın, faydasını görün. E-posta adresinizi bırakın, kaynak anında gelsin.

KOBİ Dönüşüm Kontrol Listesi
PDF · 12 sayfa
Nakit Akışı Hesaplama Şablonu
Excel · Otomatik formüllü
Aile Anayasası Hazırlama Rehberi
PDF · 24 sayfa

Kaynağı e-postanıza gönderelim

Haftalık girişimcilik ve KOBİ dönüşüm içerikleriyle birlikte gelir.

Spam yok. İstediğiniz zaman aboneliği sonlandırabilirsiniz.

Topluluk

Yalnız değilsiniz, bir ligin parçasısınız

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.

Haftanın Lideri Tablosu
Bu Hafta
1
EK
Elif K.
Seviye 7 · KOBİ Akademi
2.480 XP
2
CB
Can B.
Seviye 6 · Startup League
2.190 XP
3
MT
Mert T.
Seviye 6 · ATLAS
2.045 XP
Kurumsal Danışmanlık

Ekibinizle birebir çalışalım

KOSGEB, İŞKUR ve AKGİM iş birlikleriyle aldığım eğitmenlik deneyimini kurumunuza özel bir programa dönüştürüyorum.

  • Kurumunuza özel ihtiyaç analizi ve program tasarımı
  • Yönetici ekipleri için aile şirketi dönüşüm danışmanlığı
  • KOSGEB / İŞKUR destekli eğitim programları koordinasyonu
  • Saha ziyareti, atölye ve uzun dönem mentorluk seçenekleri
KOSGEBİŞKURAKGİMAkdeniz Üniversitesi

Kurumsal teklif talebi

Bilgilerinizi bırakın, 24 saat içinde dönüş yapalım.

İletişim

Konuşalım

Sorularınız mı var, görüşme mi planlamak istiyorsunuz? Aşağıdaki kanallardan ulaşın.

Mesaj gönderin

Form üzerinden gönderdiğiniz mesajlar doğrudan ekibime ulaşır.