.welcome-screen .cloud-background{background:radial-gradient(circle at 78% 24%,#7e2ad238,#0000 36%),radial-gradient(circle at 14% 78%,#a84cff1f,#0000 34%),radial-gradient(at 50% 108%,#e0a0441a,#0000 52%),linear-gradient(#020105 0%,#07000e 48%,#030106 100%);transform:none}.welcome-screen .nebula-swirl-motion{display:none}.welcome-screen .star-field{-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}.welcome-screen .ls-layer{opacity:.55}.welcome-screen:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#030106d9 70%,#030106 100%);height:30%;position:absolute;inset:auto 0 0}.motif-zone .about-section{border-top-color:#0000}.welcome-kaleido{z-index:1;aspect-ratio:1;pointer-events:none;width:min(125vh,82vw);position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 68%);mask-image:radial-gradient(circle,#000 30%,#0000 68%)}.kaleido-layer{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.kaleido-spin-a{opacity:.55;animation:240s linear infinite kaleido-spin}.kaleido-spin-b{opacity:.65;animation:180s linear infinite reverse kaleido-spin}.kaleido-spin-c{opacity:.8;animation:140s linear infinite kaleido-spin}.kaleido-spin-d{opacity:.6;animation:300s linear infinite reverse kaleido-spin}@keyframes kaleido-spin{to{transform:rotate(360deg)}}.kaleido-bloom{will-change:transform, opacity;background:radial-gradient(circle,#e0a0443d,#a84cff33 40%,#0000 70%);border-radius:50%;animation:9s ease-in-out infinite kaleido-breathe;position:absolute;inset:18%}@keyframes kaleido-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.welcome-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.6rem;display:flex}.welcome-actions .enter-button{margin-top:0}@media (max-width:900px){.welcome-actions{justify-content:center}.welcome-kaleido{opacity:.7;width:min(110vh,120vw);left:50%}}@media (max-width:600px){.welcome-actions .enter-button{justify-content:center;width:100%;font-size:.74rem}}@media (prefers-reduced-motion:reduce){.kaleido-layer,.kaleido-bloom{animation:none}}
Portfolio tweaks · CSS :root{--text-label:clamp(1rem, 1.2vw, 1.15rem)}.site-shell .about-kicker,.site-shell .journey-kicker,.site-shell .projects-kicker,.site-shell .skills-kicker,.site-shell .contact-kicker,.site-shell .closing-kicker,.site-shell .about-panel-heading>span,.site-shell .journey-category-heading>span,.site-shell .projects-category-heading>span,.site-shell .skills-category-heading>span,.site-shell .journey-entry-period,.site-shell .journey-development-label,.site-shell .journey-certifications>p,.site-shell .project-type,.site-shell .skills-card-label,.site-shell .skills-wide-title>span,.site-shell .skills-intro-label,.site-shell .contact-label{font-size:var(--text-label)}.site-shell .journey-development{grid-template-columns:1fr 1.2fr}.site-shell .journey-certification-list{gap:.85rem}.site-shell .journey-certification-list span{padding:1rem 1.15rem;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.45}.cv-page .cv-cert-grid{gap:14px}.cv-page .cv-cert-grid span{min-height:74px;padding:18px 20px;font-size:14.5px}.site-shell .contact-actions{display:none}@media (max-width:900px){.site-shell .journey-development{grid-template-columns:1fr}}@media (max-width:600px){.cv-page .cv-cert-grid span{min-height:64px;font-size:14px}}.thanks-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 40%,#3c146e8c,#020105e6 70%);place-items:center;padding:1.5rem;animation:.5s ease-out both thanks-fade;display:grid;position:fixed;inset:0;overflow:hidden}.thanks-card{text-align:center;background:linear-gradient(145deg,#2f0748e6,#090113f5 60%,#1c032deb);border:1px solid #be6eff66;width:min(540px,100%);padding:2.6rem 2.2rem 2.2rem;animation:.7s cubic-bezier(.2,1.2,.3,1) both thanks-pop;position:relative;box-shadow:0 0 80px #912dff47,inset 0 0 40px #912dff1a}.thanks-emblem{width:124px;height:124px;margin:0 auto 1.4rem;position:relative}.thanks-ring,.thanks-check{width:100%;height:100%;position:absolute;inset:0}.thanks-ring{filter:drop-shadow(0 0 10px #a84cff8c);animation:16s linear infinite thanks-turn}.thanks-check path{stroke-dasharray:70;stroke-dashoffset:70px;animation:.8s ease-out .55s forwards thanks-draw}.thanks-kicker{color:#bd83ff;letter-spacing:.3em;opacity:0;margin:0 0 .7rem;font-size:.8rem;font-weight:800;animation:.6s ease-out .3s forwards thanks-fade}.thanks-title{color:#fff;font-family:var(--font-display);letter-spacing:.08em;text-shadow:0 0 24px #a84cff8c,0 0 8px #e0a0444d;margin:0;font-size:clamp(2.3rem,7vw,3.4rem);font-weight:400}.thanks-letter{opacity:0;animation:.5s ease-out forwards thanks-letter;animation-delay:calc(.5s + var(--i) * 70ms);display:inline-block;transform:translateY(16px)}.thanks-name{color:#e0a044;letter-spacing:.3em;opacity:0;margin:.5rem 0 0;font-size:1.15rem;font-weight:700;animation:.7s ease-out 1.3s forwards thanks-fade}.thanks-text{color:#ffffffb8;max-width:26rem;font-family:var(--font-display);opacity:0;margin:1.4rem auto 0;font-size:1.05rem;line-height:1.7;animation:.7s ease-out 1.6s forwards thanks-fade}.thanks-close{color:#fff;letter-spacing:.16em;cursor:pointer;opacity:0;background:#14042380;border:1px solid #c47a1af2;border-radius:999px;margin-top:1.8rem;padding:.85rem 1.7rem;font-family:inherit;font-size:.8rem;font-weight:800;transition:transform .25s,box-shadow .25s;animation:.7s ease-out 1.9s forwards thanks-fade;box-shadow:0 0 14px #e0a0444d}.thanks-close:hover,.thanks-close:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 0 26px #e0a0448c}.thanks-petal{opacity:0;pointer-events:none;background:linear-gradient(#f2c677,#8f4dff);border-radius:50%/70% 70% 30% 30%;width:11px;height:30px;margin:-15px 0 0 -5px;animation:1.6s ease-out both thanks-burst;position:absolute;top:34%;left:50%;box-shadow:0 0 10px #e0a04499}.thanks-sparkle{opacity:0;pointer-events:none;background:#e8c4ff;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite thanks-twinkle;position:absolute;box-shadow:0 0 8px 2px #be78ffcc}.thanks-sparkle:nth-child(3n){background:#ffd98a;box-shadow:0 0 8px 2px #ffd678cc}@keyframes thanks-fade{0%{opacity:0}to{opacity:1}}@keyframes thanks-pop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes thanks-turn{to{transform:rotate(360deg)}}@keyframes thanks-draw{to{stroke-dashoffset:0}}@keyframes thanks-letter{to{opacity:1;transform:translateY(0)}}@keyframes thanks-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) scale(1)}}@keyframes thanks-twinkle{0%,to{opacity:0;transform:translateY(0)scale(.6)}50%{opacity:.95;transform:translateY(-14px)scale(1)}}@media (prefers-reduced-motion:reduce){.thanks-ring,.thanks-sparkle{animation:none}.thanks-petal{display:none}}.site-shell .contact-submit{position:relative;overflow:hidden}.site-shell .contact-submit[data-sending=true]{opacity:.65;cursor:progress}.site-shell .contact-submit[data-sending=true]:after{content:"";background:linear-gradient(90deg,#0000,#c18aff,#0000);width:40%;height:2px;animation:1.1s linear infinite send-sweep;position:absolute;bottom:0;left:0}@keyframes send-sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}.send-error{z-index:1000;color:#ffd9e0;max-width:min(560px,100vw - 2rem);font-family:var(--font-display);background:#1e0412f0;border:1px solid #ff788c8c;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:1rem;line-height:1.5;animation:.4s ease-out both thanks-fade;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ff506e38}.send-error button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:1.5rem;line-height:1}
