/* =========================================================
MILENA DEC – DORADZTWO ZAWODOWE DLA MŁODZIEŻY
========================================================= */
.my-page {
--my-pink:#bd1f64;
--my-pink-dark:#8c214c;
--my-pink-soft:#fbf1f5;
--my-pink-pale:#fff8fa;
--my-warm:#fffaf7;
--my-brown:#60372f;
--my-text:#292326;
--my-muted:#685f63;
--my-line:#eadfe2;
--my-white:#ffffff;
width:100vw;
max-width:none;
margin-left:calc(50% - 50vw);
overflow-x:clip;
background:#fff;
color:var(--my-text);
font-family:inherit;
line-height:1.65;
}
.my-page *,
.my-page *::before,
.my-page *::after {
box-sizing:border-box;
}
.my-page h1,
.my-page h2,
.my-page h3,
.my-page p {
margin-top:0;
}
.my-wrap {
width:min(1240px, calc(100% - 64px));
margin:0 auto;
}
/* =========================================================
TYPOGRAFIA
========================================================= */
.my-kicker {
display:inline-block;
margin-bottom:12px;
color:var(--my-pink);
font-size:12px;
line-height:1.3;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
}
.my-page h2 {
margin-bottom:17px;
color:var(--my-brown);
font-size:clamp(32px, 3.7vw, 48px);
line-height:1.08;
letter-spacing:-1.15px;
font-weight:650;
}
.my-page h3 {
margin-bottom:8px;
color:#43373c;
font-size:21px;
line-height:1.3;
font-weight:650;
}
.my-lead {
max-width:760px;
color:var(--my-muted);
font-size:18px;
line-height:1.65;
}
/* =========================================================
BUTTONY
========================================================= */
.my-button {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:51px;
padding:12px 25px;
border-radius:999px;
background:var(--my-pink);
color:#fff !important;
text-decoration:none !important;
font-size:15px;
font-weight:700;
transition:
background .2s ease,
transform .2s ease;
}
.my-button:hover {
background:var(--my-pink-dark);
transform:translateY(-1px);
}
.my-link {
display:inline-flex;
align-items:center;
gap:7px;
color:var(--my-pink-dark) !important;
text-decoration:none !important;
font-size:15px;
font-weight:700;
}
.my-link:hover {
text-decoration:underline !important;
text-underline-offset:4px;
}
/* =========================================================
HERO
========================================================= */
.my-hero {
position:relative;
isolation:isolate;
min-height:680px;
background:
linear-gradient(
90deg,
#fffaf7 0%,
#fffaf7 45%,
#fff4f7 66%,
#ffffff 100%
);
}
/* przejście do następnej sekcji */
.my-hero::after {
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
z-index:3;
height:145px;
pointer-events:none;
background:
linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.08) 20%,
rgba(255,255,255,.30) 48%,
rgba(255,255,255,.72) 77%,
#ffffff 100%
);
}
.my-hero-grid {
display:grid;
grid-template-columns:1.02fr .98fr;
min-height:680px;
align-items:center;
}
.my-hero-copy {
position:relative;
z-index:5;
max-width:660px;
padding:112px 58px 115px 0;
}
.my-hero-copy h1 {
margin:0 0 24px;
color:#30272b;
font-family:Georgia, "Times New Roman", serif;
font-size:clamp(50px, 5.5vw, 78px);
line-height:.99;
letter-spacing:-2px;
font-weight:400;
}
.my-hero-lead {
max-width:610px;
margin:0;
color:#594f53;
font-size:19px;
line-height:1.62;
}
.my-hero-meta {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px 13px;
margin-top:24px;
color:var(--my-muted);
font-size:14px;
}
.my-hero-meta span + span::before {
content:"•";
margin-right:13px;
color:#ce8ea8;
}
.my-hero .my-button {
margin-top:28px;
}
/* FOTO HERO */
.my-hero-photo {
position:relative;
height:680px;
margin-right:
calc((100vw - min(1240px, calc(100vw - 64px))) / -2);
overflow:hidden;
}
.my-hero-photo img {
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center top;
}
.my-hero-photo::before {
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(
90deg,
#fffaf7 0%,
rgba(255,250,247,.88) 9%,
rgba(255,250,247,.52) 21%,
rgba(255,250,247,.16) 35%,
transparent 52%
);
}
/* =========================================================
DLA KOGO
========================================================= */
.my-forwho {
position:relative;
z-index:4;
padding:48px 0 72px;
background:#fff;
}
.my-section-head {
max-width:800px;
margin-bottom:38px;
}
.my-section-head p {
margin-bottom:0;
}
.my-forwho-grid {
display:grid;
grid-template-columns:repeat(3, 1fr);
border-top:1px solid var(--my-line);
border-bottom:1px solid var(--my-line);
}
.my-forwho-item {
min-height:260px;
padding:31px 38px 32px 0;
}
.my-forwho-item + .my-forwho-item {
padding-left:38px;
border-left:1px solid var(--my-line);
}
.my-forwho-number {
margin-bottom:23px;
color:#e8c6d3;
font-family:Georgia, "Times New Roman", serif;
font-size:52px;
line-height:.9;
}
.my-forwho-item h3 {
font-size:21px;
}
.my-forwho-item p {
max-width:330px;
margin:0;
color:var(--my-muted);
font-size:15px;
}
/* =========================================================
Z CZYM PRACUJEMY
========================================================= */
.my-areas {
padding:68px 0 76px;
background:
linear-gradient(
to bottom,
#ffffff 0%,
#fffdfb 8%,
#fffaf7 22%,
#fffaf7 100%
);
}
.my-areas-grid {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:22px;
}
.my-area-card {
position:relative;
min-height:325px;
padding:33px 24px 29px;
overflow:hidden;
border:1px solid #e5cfd8;
border-radius:20px;
background:
linear-gradient(
155deg,
#ffffff 0%,
#fffafb 58%,
#fbf1f5 100%
);
box-shadow:
0 14px 34px rgba(67,42,52,.07);
text-align:center;
}
.my-area-card::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:
linear-gradient(
90deg,
#d885a8,
#bd1f64,
#d885a8
);
}
.my-area-icon {
display:flex;
align-items:center;
justify-content:center;
width:90px;
height:90px;
margin:5px auto 25px;
border-radius:50%;
background:
linear-gradient(
145deg,
#fff7fa 0%,
#f6d8e4 100%
);
color:var(--my-pink);
box-shadow:
inset 0 0 0 1px rgba(189,31,100,.14);
}
.my-area-icon svg {
width:42px;
height:42px;
fill:none;
stroke:currentColor;
stroke-width:1.6;
stroke-linecap:round;
stroke-linejoin:round;
}
.my-area-card h3 {
font-size:19px;
}
.my-area-card p {
max-width:245px;
margin:0 auto;
color:var(--my-muted);
font-size:14px;
line-height:1.55;
}
/* =========================================================
JAK WYGLĄDA DORADZTWO – FOTO
========================================================= */
.my-process {
position:relative;
background:
linear-gradient(
to bottom,
#fffaf7 0%,
#fffdfc 14%,
#ffffff 32%,
#ffffff 100%
);
}
.my-process-grid {
display:grid;
grid-template-columns:.92fr 1.08fr;
min-height:630px;
align-items:stretch;
}
.my-process-photo {
position:relative;
min-height:630px;
margin-left:
calc((100vw - min(1240px, calc(100vw - 64px))) / -2);
overflow:hidden;
}
.my-process-photo img {
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center center;
}
.my-process-photo::after {
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(
90deg,
transparent 46%,
rgba(255,255,255,.08) 58%,
rgba(255,255,255,.42) 74%,
rgba(255,255,255,.80) 89%,
#ffffff 100%
);
}
.my-process-content {
align-self:center;
padding:65px 0 65px 70px;
}
.my-process-content .my-section-head {
margin-bottom:23px;
}
.my-process-content .my-lead {
max-width:580px;
font-size:16px;
}
/* ETAPY */
.my-steps {
border-top:1px solid var(--my-line);
}
.my-step {
display:grid;
grid-template-columns:48px 1fr;
gap:16px;
padding:19px 0;
border-bottom:1px solid var(--my-line);
}
.my-step-number {
color:#d18ca8;
font-family:Georgia, "Times New Roman", serif;
font-size:20px;
}
.my-step h3 {
margin-bottom:4px;
font-size:18px;
}
.my-step p {
max-width:610px;
margin:0;
color:var(--my-muted);
font-size:14px;
line-height:1.52;
}
/* =========================================================
ROLA MŁODEJ OSOBY I RODZICA
========================================================= */
.my-independence {
padding:66px 0 72px;
background:
linear-gradient(
to bottom,
#ffffff 0%,
#fffafb 55%,
#fff8fa 100%
);
}
.my-independence-grid {
display:grid;
grid-template-columns:.88fr 1.12fr;
gap:80px;
align-items:start;
}
.my-independence-copy {
max-width:480px;
}
.my-independence-copy p {
margin:0;
color:var(--my-muted);
font-size:16px;
}
.my-principles {
border-top:1px solid #e4d3da;
}
.my-principle {
display:grid;
grid-template-columns:36px 1fr;
gap:14px;
padding:20px 0;
border-bottom:1px solid #e4d3da;
}
.my-principle-mark {
color:var(--my-pink);
font-size:18px;
font-weight:700;
}
.my-principle h3 {
margin-bottom:4px;
font-size:18px;
}
.my-principle p {
margin:0;
color:var(--my-muted);
font-size:14px;
}
/* =========================================================
DRUGIE ZDJĘCIE / KONTEKST WYBORU
========================================================= */
.my-choice {
position:relative;
background:#fff;
}
.my-choice-grid {
display:grid;
grid-template-columns:1.05fr .95fr;
min-height:570px;
align-items:stretch;
}
.my-choice-content {
align-self:center;
padding:65px 70px 65px 0;
}
.my-choice-content p {
max-width:570px;
color:var(--my-muted);
font-size:16px;
}
.my-choice-content .my-button {
margin-top:8px;
}
.my-choice-photo {
position:relative;
min-height:570px;
margin-right:
calc((100vw - min(1240px, calc(100vw - 64px))) / -2);
overflow:hidden;
}
.my-choice-photo img {
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center center;
}
.my-choice-photo::before {
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(
90deg,
#ffffff 0%,
rgba(255,255,255,.85) 10%,
rgba(255,255,255,.48) 22%,
rgba(255,255,255,.13) 36%,
transparent 52%
);
}
/* =========================================================
FAQ
========================================================= */
.my-faq {
padding:65px 0 72px;
background:
linear-gradient(
to bottom,
#ffffff 0%,
#fff8fa 14%,
#fff8fa 100%
);
}
.my-faq-grid {
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:80px;
}
.my-faq-title {
position:sticky;
top:30px;
align-self:start;
}
.my-faq-title p {
max-width:400px;
margin:0;
color:var(--my-muted);
}
.my-faq-list {
border-top:1px solid #e5d5db;
}
.my-faq details {
border-bottom:1px solid #e5d5db;
}
.my-faq summary {
position:relative;
padding:20px 48px 20px 0;
cursor:pointer;
list-style:none;
color:#40353a;
font-size:17px;
line-height:1.4;
font-weight:650;
}
.my-faq summary::-webkit-details-marker {
display:none;
}
.my-faq summary::after {
content:"+";
position:absolute;
right:4px;
top:13px;
color:var(--my-pink);
font-size:27px;
font-weight:400;
}
.my-faq details[open] summary::after {
content:"−";
}
.my-faq details p {
max-width:720px;
margin:0;
padding:0 35px 22px 0;
color:var(--my-muted);
font-size:15px;
}
/* =========================================================
KONTAKT
========================================================= */
.my-contact {
padding:58px 0 74px;
background:
linear-gradient(
to bottom,
#fff8fa 0%,
#fffdfb 20%,
#fffaf7 44%,
#fffaf7 100%
);
}
.my-contact-inner {
display:grid;
grid-template-columns:1fr auto;
gap:60px;
align-items:end;
padding-top:35px;
border-top:3px solid var(--my-pink);
}
.my-contact-copy {
max-width:740px;
}
.my-contact-copy p {
margin-bottom:0;
color:var(--my-muted);
font-size:17px;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:1050px) {
.my-areas-grid {
grid-template-columns:1fr 1fr;
}
.my-process-content {
padding-left:44px;
}
.my-independence-grid {
gap:50px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:800px) {
.my-page {
width:100%;
margin-left:0;
}
.my-wrap {
width:calc(100% - 32px);
}
.my-page h2 {
font-size:29px;
line-height:1.08;
letter-spacing:-.6px;
}
.my-kicker {
margin-bottom:8px;
font-size:10px;
}
/* HERO */
.my-hero {
min-height:0;
background:#fffaf7;
}
.my-hero::after {
display:none;
}
.my-hero-grid {
display:flex;
flex-direction:column;
min-height:0;
}
.my-hero-photo {
order:1;
width:calc(100% + 32px);
height:390px;
margin:0 -16px;
}
.my-hero-photo::before {
background:
linear-gradient(
to bottom,
transparent 0%,
transparent 59%,
rgba(255,250,247,.08) 68%,
rgba(255,250,247,.30) 77%,
rgba(255,250,247,.70) 89%,
#fffaf7 100%
);
}
.my-hero-photo img {
object-position:center 10%;
}
.my-hero-copy {
order:2;
max-width:none;
padding:5px 0 38px;
}
.my-hero-copy h1 {
margin-bottom:15px;
font-size:37px;
line-height:1.04;
letter-spacing:-1px;
}
.my-hero-lead {
font-size:15px;
line-height:1.52;
}
.my-hero-meta {
margin-top:16px;
font-size:12px;
}
.my-hero .my-button {
width:100%;
margin-top:22px;
}
/* DLA KOGO */
.my-forwho {
padding:34px 0 44px;
}
.my-section-head {
margin-bottom:23px;
}
.my-section-head .my-lead {
font-size:14px;
line-height:1.5;
}
.my-forwho-grid {
grid-template-columns:1fr;
border-bottom:none;
}
.my-forwho-item,
.my-forwho-item + .my-forwho-item {
display:grid;
grid-template-columns:38px 1fr;
column-gap:14px;
min-height:0;
padding:18px 0;
border-left:none;
border-bottom:1px solid var(--my-line);
}
.my-forwho-number {
grid-row:1 / 3;
margin:2px 0 0;
font-size:28px;
}
.my-forwho-item h3 {
margin-bottom:4px;
font-size:18px;
}
.my-forwho-item p {
font-size:13px;
line-height:1.45;
}
/* OBSZARY */
.my-areas {
padding:42px 0 46px;
background:
linear-gradient(
to bottom,
#fff 0%,
#fffaf7 75px,
#fffaf7 100%
);
}
.my-areas-grid {
grid-template-columns:1fr;
gap:14px;
}
.my-area-card {
min-height:0;
padding:25px 21px 24px;
border-radius:17px;
}
.my-area-icon {
width:78px;
height:78px;
margin:4px auto 18px;
}
.my-area-icon svg {
width:37px;
height:37px;
}
.my-area-card h3 {
font-size:18px;
}
.my-area-card p {
max-width:310px;
font-size:13px;
line-height:1.45;
}
/* PROCES */
.my-process {
background:
linear-gradient(
to bottom,
#fffaf7 0%,
#fff 82px,
#fff 100%
);
}
.my-process-grid {
display:flex;
flex-direction:column;
min-height:0;
}
.my-process-photo {
order:1;
width:calc(100% + 32px);
height:345px;
min-height:345px;
margin-left:-16px;
margin-right:-16px;
}
.my-process-photo::after {
background:
linear-gradient(
to bottom,
transparent 0%,
transparent 59%,
rgba(255,255,255,.08) 68%,
rgba(255,255,255,.31) 77%,
rgba(255,255,255,.72) 90%,
#fff 100%
);
}
.my-process-content {
order:2;
padding:7px 0 42px;
}
.my-process-content .my-lead {
font-size:14px;
}
.my-step {
grid-template-columns:36px 1fr;
gap:10px;
padding:16px 0;
}
.my-step-number {
font-size:17px;
}
.my-step h3 {
font-size:17px;
}
.my-step p {
font-size:13px;
}
/* ROLA RODZICA */
.my-independence {
padding:42px 0 46px;
}
.my-independence-grid {
grid-template-columns:1fr;
gap:26px;
}
.my-independence-copy p {
font-size:14px;
}
.my-principle {
padding:16px 0;
}
.my-principle h3 {
font-size:17px;
}
.my-principle p {
font-size:13px;
}
/* DRUGIE ZDJĘCIE */
.my-choice-grid {
display:flex;
flex-direction:column;
min-height:0;
}
.my-choice-photo {
order:1;
width:calc(100% + 32px);
height:340px;
min-height:340px;
margin-left:-16px;
margin-right:-16px;
}
.my-choice-photo::before {
background:
linear-gradient(
to bottom,
transparent 0%,
transparent 59%,
rgba(255,255,255,.08) 68%,
rgba(255,255,255,.31) 78%,
rgba(255,255,255,.72) 90%,
#fff 100%
);
}
.my-choice-content {
order:2;
padding:7px 0 43px;
}
.my-choice-content p {
font-size:14px;
}
.my-choice-content .my-button {
width:100%;
margin-top:5px;
}
/* FAQ */
.my-faq {
padding:42px 0 46px;
}
.my-faq-grid {
grid-template-columns:1fr;
gap:24px;
}
.my-faq-title {
position:static;
}
.my-faq-title p {
display:none;
}
.my-faq summary {
padding:16px 38px 16px 0;
font-size:15px;
}
.my-faq summary::after {
top:10px;
font-size:24px;
}
.my-faq details p {
padding:0 10px 18px 0;
font-size:14px;
}
/* KONTAKT */
.my-contact {
padding:40px 0 47px;
}
.my-contact-inner {
display:block;
padding-top:25px;
}
.my-contact-copy p {
margin-bottom:21px;
font-size:14px;
}
.my-contact .my-button {
width:100%;
}
}
Doradztwo zawodowe dla młodzieży
Wybór szkoły i zawodu nie musi zaczynać się od gotowej odpowiedzi
Pomagam młodym osobom lepiej poznać swoje zainteresowania,
kompetencje i możliwości, a następnie uporządkować informacje
potrzebne do wyboru dalszej ścieżki edukacyjnej i zawodowej.
Toruń
online
spotkania indywidualne
Zapytaj o konsultację
Dla kogo
Wsparcie na różnych etapach wyboru
Doradztwo może być pomocne zarówno wtedy,
gdy trzeba podjąć konkretną decyzję,
jak i wtedy, gdy młoda osoba dopiero zaczyna
zastanawiać się nad swoją przyszłością.
01
Uczniowie szkół podstawowych
Gdy pojawia się wybór dalszej szkoły,
profilu lub kierunku kształcenia.
02
Uczniowie szkół ponadpodstawowych
Gdy warto sprawdzić możliwe kierunki,
zawody i dalsze warianty edukacji.
03
Maturzyści
Gdy trzeba porównać studia, szkoły policealne,
wejście na rynek pracy lub inne możliwości.
Zakres doradztwa
Co możemy wspólnie przeanalizować
Zainteresowania i mocne strony
Przyglądamy się temu, co interesuje młodą osobę,
w czym czuje się dobrze i jakie aktywności
są dla niej naturalne.
Kompetencje
Porządkujemy umiejętności i doświadczenia
zdobywane w szkole, poza nią
oraz w codziennych sytuacjach.
Kierunki edukacyjne i zawodowe
Sprawdzamy różne możliwości
i porównujemy je z zainteresowaniami,
potrzebami oraz planami młodej osoby.
Kolejne kroki
Ustalamy, jakie informacje warto jeszcze zebrać
i jak sprawdzić wybrane kierunki
przed podjęciem decyzji.
Jak wygląda współpraca
Nie szukamy jednego „idealnego zawodu”
Celem doradztwa jest zebranie informacji,
które pozwolą młodej osobie świadomie porównać
dostępne możliwości i podjąć własną decyzję.
01
Poznajemy punkt wyjścia
Rozmawiamy o zainteresowaniach, doświadczeniach,
mocnych stronach i dotychczasowych pomysłach.
02
Porządkujemy możliwości
Sprawdzamy kierunki edukacyjne i zawodowe,
które warto wziąć pod uwagę.
03
Porównujemy opcje
Analizujemy wymagania, różnice
i konsekwencje poszczególnych wyborów.
04
Ustalamy, co sprawdzić dalej
Tworzymy plan zdobycia brakujących informacji
i dalszych działań.
Ważne w procesie
Decyzja należy do młodej osoby
Rodzic może wspierać proces i pomóc w zebraniu informacji,
ale doradztwo nie polega na wskazaniu młodej osobie,
jaki zawód lub szkołę „powinna” wybrać.
✓
Młoda osoba jest aktywnym uczestnikiem
Jej zainteresowania, potrzeby i perspektywa
są podstawą dalszej pracy.
✓
Nie wybieramy zawodu na podstawie jednej odpowiedzi
Patrzymy na kilka obszarów i zestawiamy je
z rzeczywistymi możliwościami.
✓
Rodzic otrzymuje jasne informacje o dalszych krokach
Zakres udziału rodzica ustalamy odpowiednio
do wieku i sytuacji młodej osoby.
Wybór kierunku
Pierwsza decyzja nie musi określać całego życia zawodowego
Na tym etapie ważniejsze od znalezienia jednej
„idealnej odpowiedzi” jest nauczenie się,
jak zbierać informacje, porównywać możliwości
i podejmować kolejne decyzje świadomie.
Dlatego zakres spotkań dobieramy do konkretnego pytania:
czasem potrzebna jest analiza kilku kierunków,
a czasem najpierw trzeba lepiej poznać własne zasoby
i dopiero wtedy przejść do wyboru.
Zapytaj o zakres współpracy
Najczęstsze pytania
Doradztwo zawodowe dla młodzieży
Podstawowe informacje dla młodych osób
i rodziców przed rozpoczęciem współpracy.
W jakim wieku można skorzystać z doradztwa?
Zakres spotkania zależy od wieku i sytuacji.
Z doradztwa mogą korzystać m.in. uczniowie kończący szkołę podstawową,
uczniowie szkół ponadpodstawowych oraz maturzyści.
Czy młoda osoba musi już wiedzieć, czym się interesuje?
Nie. Brak gotowego pomysłu może być właśnie punktem wyjścia.
Wtedy zaczynamy od zainteresowań, dotychczasowych doświadczeń,
kompetencji i sposobu funkcjonowania.
Czy podczas spotkań wskazujesz konkretny zawód?
Nie wybieram zawodu za młodą osobę.
Pomagam zebrać i uporządkować informacje,
porównać możliwości oraz sprawdzić,
które kierunki warto dalej analizować.
Czy rodzic uczestniczy w spotkaniu?
Zakres udziału rodzica ustalamy indywidualnie,
zależnie od wieku młodej osoby i celu spotkania.
Ważne jest jednak, aby młoda osoba miała przestrzeń
do przedstawienia własnej perspektywy.
Ile spotkań jest potrzebnych?
To zależy od sytuacji i zakresu decyzji.
Czasem wystarczy praca nad konkretnym wyborem,
w innych przypadkach potrzebne jest kilka etapów:
od poznania zasobów po porównanie możliwych kierunków.
Czy spotkania mogą odbywać się online?
Tak. Współpraca może odbywać się online
lub stacjonarnie w Toruniu,
zależnie od ustalonej formy.
