/* TEMEL AYARLAR */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden !important;
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background: #f8f9fa;
}
/* CONTAINER */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}
/* TAM EKRAN BÖLÜMLER */
.hero, .services, .process, .cta, footer {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
/* HERO BÖLÜMÜ */
.hero {
background: linear-gradient(135deg, rgba(139, 92, 246, 0.95) 0%, rgba(168, 85, 247, 0.95) 50%, rgba(217, 70, 239, 0.95) 100%),
url(‘https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?w=1920&h=1080&fit=crop’);
background-size: cover;
background-position: center;
background-attachment: fixed;
color: white !important;
padding: 8rem 0;
overflow: hidden;
position: relative;
}
.hero::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(217, 70, 239, 0.3) 0%, transparent 50%);
animation: float 20s ease-in-out infinite;
z-index: 0;
}
.hero::after {
content: ”;
position: absolute;
bottom: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(168, 85, 247, 0.3) 0%, transparent 50%);
animation: float 25s ease-in-out infinite reverse;
z-index: 0;
}
@keyframes float {
0%, 100% { transform: translate(0, 0) rotate(0deg); }
33% { transform: translate(30px, -30px) rotate(120deg); }
66% { transform: translate(-30px, 30px) rotate(240deg); }
}
.hero-content {
position: relative;
z-index: 1;
max-width: 900px;
}
.hero-tag {
display: inline-block;
background: rgba(217, 70, 239, 0.25);
color: #fce7f3 !important;
padding: 0.5rem 1.5rem;
border-radius: 30px;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1.5rem;
border: 1px solid rgba(217, 70, 239, 0.4);
}
.hero h1 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -1px;
color: white !important;
animation: fadeInUp 1s ease;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.hero p {
font-size: 1.25rem;
line-height: 1.8;
opacity: 0.95;
max-width: 700px;
color: white !important;
animation: fadeInUp 1s ease 0.2s backwards;
}
/* SERVICES BÖLÜMÜ */
.services {
padding: 6rem 0;
background: linear-gradient(135deg, #f3e7ff 0%, #fce7f3 100%);
position: relative;
overflow: hidden;
}
.services::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 50%, rgba(168, 85, 247, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 50%, rgba(217, 70, 239, 0.1) 0%, transparent 50%);
animation: gradientShift 15s ease infinite;
}
@keyframes gradientShift {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.services h2 {
text-align: center;
font-size: 2.8rem;
background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #d946ef 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1rem;
font-weight: 700;
letter-spacing: -1px;
position: relative;
z-index: 1;
}
.services-subtitle {
text-align: center;
color: #6b7280;
margin-bottom: 4rem;
font-size: 1.15rem;
position: relative;
z-index: 1;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2.5rem;
position: relative;
z-index: 1;
}
.service-card {
background: rgba(255, 255, 255, 0.95);
padding: 2.5rem;
border-radius: 25px;
box-shadow: 0 10px 40px rgba(139, 92, 246, 0.15);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
border: 2px solid transparent;
}
.service-card::before {
content: ”;
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.1), transparent);
transition: left 0.5s ease;
}
.service-card:hover::before {
left: 100%;
}
.service-card:hover {
transform: translateY(-15px);
box-shadow: 0 20px 60px rgba(139, 92, 246, 0.25);
border-color: #a855f7;
}
.service-card h3 {
font-size: 1.6rem;
color: #8b5cf6;
margin-bottom: 1rem;
font-weight: 700;
}
.service-card p {
color: #6b7280;
line-height: 1.8;
font-size: 1rem;
}
/* PROCESS BÖLÜMÜ */
.process {
padding: 6rem 0;
background: white;
position: relative;
}
.process h2 {
text-align: center;
font-size: 2.8rem;
background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 1rem;
font-weight: 700;
letter-spacing: -1px;
}
.process-subtitle {
text-align: center;
color: #6b7280;
margin-bottom: 4rem;
font-size: 1.15rem;
}
.process-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3rem;
}
.step {
text-align: center;
padding: 2rem;
position: relative;
}
.step-number {
width: 90px;
height: 90px;
background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
font-weight: bold;
margin: 0 auto 1.5rem;
box-shadow: 0 15px 40px rgba(139, 92, 246, 0.4);
animation: pulse 2s ease-in-out infinite;
position: relative;
}
.step-number::after {
content: ”;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #a855f7;
animation: ripple 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@keyframes ripple {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
.step:nth-child(2) .step-number {
animation-delay: 0.5s;
}
.step:nth-child(3) .step-number {
animation-delay: 1s;
}
.step:nth-child(4) .step-number {
animation-delay: 1.5s;
}
.step h3 {
color: #8b5cf6;
margin-bottom: 1rem;
font-size: 1.4rem;
font-weight: 700;
}
.step p {
color: #6b7280;
line-height: 1.8;
}
/* CTA BÖLÜMÜ */
.cta {
padding: 6rem 0;
background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #d946ef 100%);
background-size: 200% 200%;
animation: gradientMove 10s ease infinite;
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
@keyframes gradientMove {
0%, 100% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
}
.cta::before {
content: ”;
position: absolute;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
border-radius: 50%;
top: -250px;
right: -250px;
animation: float 15s ease-in-out infinite;
}
.cta::after {
content: ”;
position: absolute;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
border-radius: 50%;
bottom: -200px;
left: -200px;
animation: float 20s ease-in-out infinite reverse;
}
.cta-content {
position: relative;
z-index: 1;
}
.cta h2 {
font-size: 3rem;
margin-bottom: 1.5rem;
color: white !important;
font-weight: 700;
}
.cta p {
font-size: 1.2rem;
margin-bottom: 2.5rem;
color: rgba(255, 255, 255, 0.95) !important;
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 1.8;
}
.cta-button {
display: inline-block;
padding: 1.2rem 3.5rem;
background: white;
color: #8b5cf6 !important;
text-decoration: none;
border-radius: 50px;
font-weight: 700;
font-size: 1.2rem;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
transition: all 0.3s ease;
}
.cta-button:hover {
transform: translateY(-5px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.95);
}
/* FOOTER */
footer {
background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
color: rgba(255, 255, 255, 0.8) !important;
padding: 3rem 0;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 3rem;
margin-bottom: 2rem;
}
.footer-section h4 {
color: #ddd6fe !important;
font-size: 1.2rem;
margin-bottom: 1rem;
font-weight: 700;
}
.footer-section p {
line-height: 1.8;
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.7) !important;
}
.footer-bottom {
text-align: center;
padding-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.6) !important;
}
/* MOBİL UYUMLULUK */
@media (max-width: 768px) {
.hero h1 {
font-size: 2.2rem;
}
.services h2, .process h2, .cta h2 {
font-size: 2rem;
}
.services-grid, .process-steps {
grid-template-columns: 1fr;
}
.service-card {
padding: 2rem;
}
}
Kurumsal Psikolojik
Danışmanlık Hizmetleri
İş gücünüzün psikolojik sağlığını ve kurumsal performansı artırmak için kanıta dayalı, profesyonel danışmanlık çözümleri sunuyoruz. Çalışan memnuniyetinden organizasyonel verimliliğe, her alanda yanınızdayız.
Kurumsal Hizmet Portföyümüz
Organizasyonunuzun ihtiyaçlarına özel, kanıta dayalı psikolojik danışmanlık çözümleri ile iş gücünüzü güçlendirin.
Çalışan Destek Programları
Çalışanlarınıza gizlilik çerçevesinde bireysel psikolojik danışmanlık, kriz müdahalesi ve duygusal destek hizmetleri sunarak iş yerinde mental sağlık ve verimliliği artırıyoruz.
Performans ve Motivasyon
Çalışan performansını bilimsel metodlarla analiz edip, motivasyon artırıcı stratejiler geliştiriyoruz. Liderlik geliştirme ve hedef odaklı koçluk programları sunuyoruz.
Stres ve Tükenmişlik Yönetimi
İş yerinde stres faktörlerini tespit ediyor, tükenmişlik sendromunu önlemek için özel eğitim programları ve bireysel müdahale stratejileri uyguluyoruz.
Takım Gelişimi ve İletişim
Ekip dinamiklerini güçlendiren, departmanlar arası iletişimi optimize eden ve iş birliği kültürünü yerleştiren grup çalışmaları ve atölye programları düzenliyoruz.
Organizasyonel Gelişim
Kurumunuzun psikolojik iklimini profesyonel araçlarla değerlendirip, organizasyonel kültürü güçlendiren, değişimi kolaylaştıran danışmanlık hizmetleri veriyoruz.
İş-Yaşam Dengesi Danışmanlığı
Çalışanların iş ve özel hayat dengesini kurmaları için psikoeğitim, birebir danışmanlık ve kurumsal politika geliştirme desteği sağlıyoruz.
İş Birliği Sürecimiz
Kurumunuzla profesyonel ve şeffaf bir süreçle çalışıyoruz
1
İhtiyaç Analizi ve İlk Görüşme
Kurumunuzun yapısını, çalışan profilini ve beklentilerini detaylı şekilde dinliyor ve analiz ediyoruz. İlk görüşmede ihtiyaçlarınızı belirleyip, hedeflerinizi net bir şekilde ortaya koyuyoruz.
2
Özelleştirilmiş Program Tasarımı
İhtiyaç analizine göre kurumunuza özel, kanıta dayalı bir danışmanlık programı hazırlıyoruz. Program içeriği, süresi ve uygulama yöntemleri detaylı şekilde planlanıyor.
3
Uygulama ve İzleme
Planlanan programı deneyimli psikolog kadromuzla profesyonelce hayata geçiriyoruz. Süreç boyunca düzenli geri bildirim ve raporlama yaparak şeffaf bir takip sağlıyoruz.
4
Değerlendirme ve Sürekli Gelişim
Program sonunda kapsamlı bir değerlendirme raporu sunuyoruz. Elde edilen sonuçları analiz ediyor ve kurumunuzun sürekli gelişimi için öneriler geliştiriyoruz.
Kurumunuz İçin Profesyonel Psikoloji Desteği
Çalışanlarınızın mental sağlığını ve kurumsal verimliliğinizi artırmak için bugün harekete geçin. Uzman ekibimizle tanışın ve size özel çözümlerimizi keşfedin.