.cta-section{opacity:0;background:#f1f1f1;justify-content:center;align-items:center;min-height:100vh;padding:30px 2rem 2rem;transition:all 1.2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(50px)}html.dark-mode .cta-section{background:#0a0a0a}.cta-section.visible{opacity:1;transform:translateY(0)}.background-grid{opacity:.5;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:60px 60px;animation:20s ease-in-out infinite grid-float;position:absolute;inset:0}html.dark-mode .background-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)}@keyframes grid-float{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}.floating-orb{filter:blur(60px);opacity:.6;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#3b82f64d,#9333ea33);width:300px;height:300px;animation-delay:0s;top:20%;left:10%}.orb-2{background:radial-gradient(circle,#10b98140,#3b82f626);width:400px;height:400px;animation-delay:-3s;bottom:20%;right:10%}.orb-3{background:radial-gradient(circle,#ec489933,#9333ea1a);width:200px;height:200px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}}.cta-container{z-index:10;width:100%;max-width:800px;position:relative}.main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffc;border:1px solid #0000001a;border-radius:32px;padding:4rem 3rem;transition:transform .3s;position:relative;overflow:hidden}html.dark-mode .main-card{background:#0a0a0acc;border:1px solid #ffffff1a}.main-card:hover{transform:translateY(-5px)}.card-glow{background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),#3b82f61a,transparent 40%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.main-card:hover .card-glow{opacity:1}.cta-header{margin-bottom:3rem}.status-indicator{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;animation:2s ease-in-out infinite pulse-status;display:inline-flex}@keyframes pulse-status{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.cta-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.1}.title-line{color:#0a0a0a;margin-bottom:.2rem;display:block}html.dark-mode .title-line{color:#fff}.title-line.gradient{background:linear-gradient(135deg,#0b0018 0%,#150032 50%,#015055 100%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(90deg)}}.cta-description{color:#0a0a0ab3;max-width:500px;margin:0 auto;font-size:1.25rem;line-height:1.6}html.dark-mode .cta-description{color:#ffffffb3}.cta-actions{margin-bottom:3rem}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:16px;margin-bottom:1.5rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f64d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f666}.button-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.primary-button:hover .button-shine{left:100%}.secondary-actions{justify-content:center;gap:1rem;display:flex}.secondary-button{color:#0a0a0acc;cursor:pointer;background:#0000000d;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s;display:flex}html.dark-mode .secondary-button{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a}.secondary-button:hover{color:#0a0a0a;background:#0000001a;transform:translateY(-1px)}html.dark-mode .secondary-button:hover{color:#fff;background:#ffffff1a}.button-icon{font-size:1.1rem}.skills-preview{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.skill-tag{color:#0a0a0acc;background:#00000014;border:1px solid #0000001f;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}html.dark-mode .skill-tag{color:#fffc;background:#ffffff14;border:1px solid #ffffff1f}.skill-tag:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.stats-row{border-top:1px solid #ffffff1a;justify-content:space-around;margin-top:3rem;padding-top:2rem;display:flex}.stat-item{text-align:center}.stat-number{color:#3b82f6;margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}@media (max-width:768px){.cta-section{padding:1rem}.main-card{padding:2.5rem 1.5rem}.cta-title{font-size:2.5rem}.cta-description{font-size:1.1rem}.secondary-actions{flex-wrap:wrap}.stats-row{flex-wrap:wrap;gap:1rem}.floating-orb{display:none}}@media (max-width:480px){.cta-title{font-size:2rem}.primary-button{width:100%}.secondary-actions{flex-direction:column;align-items:center}.secondary-button{justify-content:center;width:100%}}
