*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6c5ce7;--primary-light: #a29bfe;--primary-dark: #5a4bd1;--accent: #fd79a8;--dark: #2d3436;--gray: #636e72;--light: #f8f9fa;--white: #ffffff;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 30px rgba(108, 92, 231, .2);--radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Noto Sans KR,Poppins,sans-serif;color:var(--dark);line-height:1.7;background:var(--white);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.4;background:radial-gradient(ellipse 600px 600px at 15% 20%,rgba(108,92,231,.08) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 85% 60%,rgba(253,121,168,.06) 0%,transparent 70%),radial-gradient(ellipse 400px 400px at 50% 90%,rgba(162,155,254,.05) 0%,transparent 70%);animation:ambientShift 20s ease-in-out infinite alternate}@keyframes ambientShift{0%{background:radial-gradient(ellipse 600px 600px at 15% 20%,rgba(108,92,231,.08) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 85% 60%,rgba(253,121,168,.06) 0%,transparent 70%),radial-gradient(ellipse 400px 400px at 50% 90%,rgba(162,155,254,.05) 0%,transparent 70%)}33%{background:radial-gradient(ellipse 650px 550px at 30% 40%,rgba(108,92,231,.07) 0%,transparent 70%),radial-gradient(ellipse 450px 550px at 70% 30%,rgba(253,121,168,.07) 0%,transparent 70%),radial-gradient(ellipse 500px 450px at 20% 80%,rgba(162,155,254,.06) 0%,transparent 70%)}66%{background:radial-gradient(ellipse 550px 650px at 60% 15%,rgba(108,92,231,.06) 0%,transparent 70%),radial-gradient(ellipse 600px 500px at 25% 70%,rgba(253,121,168,.08) 0%,transparent 70%),radial-gradient(ellipse 450px 500px at 80% 85%,rgba(162,155,254,.05) 0%,transparent 70%)}to{background:radial-gradient(ellipse 500px 600px at 75% 35%,rgba(108,92,231,.07) 0%,transparent 70%),radial-gradient(ellipse 550px 450px at 40% 80%,rgba(253,121,168,.06) 0%,transparent 70%),radial-gradient(ellipse 600px 550px at 60% 10%,rgba(162,155,254,.07) 0%,transparent 70%)}}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:10000;transition:width .1s linear}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition);transform:translateY(0)}.navbar.scrolled{box-shadow:var(--shadow);background:#fffffff2}.navbar.hidden{transform:translateY(-100%)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;color:var(--dark);text-decoration:none;letter-spacing:-.5px}.logo-ai{color:var(--primary);font-weight:800}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--gray);font-size:.9rem;font-weight:500;transition:var(--transition);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition);border-radius:1px}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.menu-toggle span{width:24px;height:2px;background:var(--dark);border-radius:2px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.scene{position:relative;overflow:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:100px 2rem 2rem;position:relative}.parallax-bg{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;z-index:-1}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(108,92,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;will-change:transform}.orb-1{width:400px;height:400px;background:var(--primary-light);top:10%;left:10%;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:300px;height:300px;background:var(--accent);top:50%;right:10%;animation:orbFloat2 25s ease-in-out infinite}.orb-3{width:250px;height:250px;background:#6c5ce74d;bottom:10%;left:40%;animation:orbFloat3 18s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(.9)}66%{transform:translate(20px,-30px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.hero-prompt-ui{width:100%;max-width:800px;margin:0 auto;position:relative;z-index:2;opacity:0;transform:translateY(40px);animation:fadeInUp 1s ease forwards .3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.prompt-window{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;border:1px solid rgba(108,92,231,.12);box-shadow:0 20px 60px #6c5ce71f,0 4px 20px #0000000f;overflow:hidden}.prompt-header{display:flex;align-items:center;padding:.9rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);background:#f8f9facc}.prompt-dots{display:flex;gap:6px;margin-right:1rem}.p-dot{width:10px;height:10px;border-radius:50%;background:#6c5ce733}.p-dot:nth-child(1){background:#ff5f56}.p-dot:nth-child(2){background:#ffbd2e}.p-dot:nth-child(3){background:#27ca40}.prompt-title{font-family:Poppins,sans-serif;font-weight:700;font-size:.95rem;color:var(--dark);flex:1}.prompt-status{display:flex;align-items:center;gap:.4rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#27ca40;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:.75rem;color:var(--gray);font-weight:500}.prompt-chat{padding:1.8rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem;min-height:380px}.chat-msg{display:flex;gap:.8rem;align-items:flex-start;opacity:0}.chat-msg.show{opacity:1;animation:msgSlideIn .4s ease forwards}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.chat-avatar-user{background:var(--light);color:var(--gray);border:1px solid rgba(0,0,0,.08)}.chat-avatar-ai{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white);font-family:Poppins,sans-serif;font-size:1rem}.chat-bubble{flex:1;min-height:42px;display:flex;align-items:flex-start;flex-wrap:wrap}.chat-bubble-user{background:var(--light);border-radius:14px 14px 14px 4px;padding:.8rem 1.2rem;font-size:.95rem;color:var(--dark);line-height:1.6;border:1px solid rgba(0,0,0,.04)}.chat-bubble-ai{flex-direction:column}.chat-typing{font-size:.95rem;color:var(--dark)}.chat-cursor{font-weight:300;color:var(--primary);animation:cursorBlink .6s step-end infinite}.chat-cursor.hide{display:none}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.ai-thinking{display:flex;gap:4px;padding:.8rem 1.2rem;background:#6c5ce70f;border-radius:14px 14px 14px 4px;border:1px solid rgba(108,92,231,.1)}.ai-thinking.hide{display:none}.thinking-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-light);animation:thinkBounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}@keyframes thinkBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ai-response{display:none;padding:1.5rem;background:#6c5ce70a;border-radius:14px 14px 14px 4px;border:1px solid rgba(108,92,231,.1)}.ai-response.show{display:block;animation:responseReveal .6s ease forwards}@keyframes responseReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-response .hero-name{font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:800;color:var(--dark);line-height:1.1;margin-bottom:.3rem;letter-spacing:-2px}.ai-response .hero-title{font-size:1.2rem;font-weight:500;color:var(--primary);margin-bottom:1rem}.ai-response .hero-description{font-size:.95rem;color:var(--gray);margin-bottom:1rem;line-height:1.8}.ai-response .hero-tagline{margin-bottom:1.2rem}.tagline-quote{display:inline-block;font-size:.95rem;font-weight:500;color:var(--primary);background:linear-gradient(135deg,#6c5ce714,#fd79a814);padding:.5rem 1.2rem;border-radius:50px;border-left:3px solid var(--primary)}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.hero-tag{display:inline-block;padding:.3rem .9rem;background:#6c5ce714;border:1px solid rgba(108,92,231,.15);border-radius:50px;font-size:.8rem;font-weight:500;color:var(--primary);opacity:0;transform:translateY(6px)}.hero-tag.show{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.ai-response .hero-buttons{display:flex;gap:.8rem;opacity:0;transform:translateY(10px)}.ai-response .hero-buttons.show{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.btn{display:inline-flex;align-items:center;padding:.75rem 1.8rem;border-radius:50px;font-size:.9rem;font-weight:600;text-decoration:none;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 4px 15px #6c5ce74d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce766}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.prompt-input-bar{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid rgba(0,0,0,.06);background:#f8f9fa99}.prompt-input-field{flex:1;padding:.7rem 1rem;border-radius:12px;background:var(--white);border:1px solid rgba(0,0,0,.08);font-size:.85rem;color:var(--dark);font-family:Noto Sans KR,sans-serif;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.prompt-input-field::placeholder{color:#636e7280}.prompt-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce71a}.prompt-send-btn{width:38px;height:38px;border-radius:10px;background:var(--primary);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);opacity:.5}.prompt-send-btn:hover{opacity:1;transform:scale(1.05)}.prompt-send-btn.active{opacity:1;background:linear-gradient(135deg,var(--primary),var(--accent));animation:sendPulse .6s ease}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toast-notification{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(80px);background:var(--dark);color:var(--white);padding:.8rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;z-index:9999;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #0003;white-space:nowrap}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeInUp .8s ease forwards 2.5s}.scroll-indicator span{font-size:.75rem;font-weight:500;color:var(--gray);letter-spacing:2px;text-transform:uppercase}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translate(0);opacity:1}50%{transform:rotate(45deg) translate(5px,5px);opacity:.5}}.section-container{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--dark);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--primary);margin:1rem auto 0;border-radius:2px}.section-subtitle{text-align:center;font-size:1rem;color:var(--gray);margin-bottom:3.5rem}.reveal-text{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal-text.revealed{opacity:1;transform:translateY(0)}.about{background:var(--light)}.about-content{display:flex;align-items:flex-start;gap:4rem}.about-image{flex-shrink:0}.image-placeholder{width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 40px #6c5ce74d}.image-letter{font-family:Poppins,sans-serif;font-size:5rem;font-weight:700;color:var(--white);position:relative;z-index:2}.image-ring{position:absolute;inset:-15px;border-radius:50%;border:2px dashed rgba(108,92,231,.3);animation:ringRotate 15s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-text h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}.about-text p{font-size:1rem;color:var(--gray);margin-bottom:1rem;line-height:1.9}.about-text p:last-of-type{margin-bottom:2rem}.slide-in-right{opacity:0;transform:translate(60px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay, 0s)}.slide-in-right.visible{opacity:1;transform:translate(0)}.about-stats{display:flex;gap:3rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{display:inline;font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;color:var(--primary)}.stat-suffix{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;color:var(--primary)}.stat-label{display:block;font-size:.85rem;color:var(--gray)}.about-domains{display:flex;flex-wrap:wrap;gap:.5rem}.domain-tag{display:inline-block;padding:.35rem 1rem;background:var(--white);border:1px solid rgba(108,92,231,.2);border-radius:50px;font-size:.8rem;font-weight:500;color:var(--primary);transition:var(--transition);opacity:0;transform:translateY(15px) scale(.9)}.domain-tag.visible{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--i) * .07s)}.domain-tag:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px) scale(1.05)}.career{background:var(--white)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--primary-light),rgba(162,155,254,.2));transform:scaleY(0);transform-origin:top;transition:transform 1.5s ease}.timeline.animate-line:before{transform:scaleY(1)}.timeline-item{position:relative;padding-bottom:3rem;opacity:0;transform:translate(-40px);transition:opacity .7s ease,transform .7s ease}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:4px;width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--primary-light);z-index:1;transition:var(--transition)}.timeline-item.current .timeline-marker{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #6c5ce733;animation:markerPulse 2s ease-in-out infinite}@keyframes markerPulse{0%,to{box-shadow:0 0 0 4px #6c5ce733}50%{box-shadow:0 0 0 8px #6c5ce71a}}.timeline-content{background:var(--light);padding:2rem 2.5rem;border-radius:var(--radius);border:1px solid rgba(0,0,0,.04);transition:var(--transition)}.timeline-content:hover{box-shadow:var(--shadow-hover);transform:translate(5px)}.timeline-item.current .timeline-content{background:var(--white);border:2px solid rgba(108,92,231,.15);box-shadow:var(--shadow)}.timeline-period{font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.timeline-duration{font-weight:400;color:var(--gray);font-size:.8rem}.timeline-content h3{font-size:1.2rem;color:var(--dark);margin-bottom:.3rem}.timeline-role{font-size:.85rem;color:var(--gray);margin-bottom:1rem;font-weight:500}.timeline-details{list-style:none;padding:0;margin-bottom:1.2rem}.timeline-details li{position:relative;padding-left:1.2rem;font-size:.88rem;color:var(--gray);line-height:1.8}.timeline-details li:before{content:"›";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:1.1rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-tags span{background:#6c5ce714;padding:.25rem .7rem;border-radius:50px;font-size:.72rem;font-weight:500;color:var(--primary)}.skills{background:var(--light)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.skill-card{background:var(--white);padding:2.5rem 2rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform .5s ease,box-shadow .5s ease,opacity .5s ease;border:1px solid rgba(0,0,0,.04);opacity:0;transform:translateY(60px) scale(.95)}.skill-card.visible{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--card-i) * .1s)}.skill-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover)}.skill-card.skill-featured{border:2px solid var(--primary);position:relative}.skill-card.skill-featured:before{content:"CORE";position:absolute;top:-10px;right:20px;background:var(--primary);color:var(--white);font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:50px;letter-spacing:1px}.skill-card.skill-ai{border:2px solid var(--accent);position:relative}.skill-card.skill-ai:before{content:"AI";position:absolute;top:-10px;right:20px;background:var(--accent);color:var(--white);font-size:.65rem;font-weight:700;padding:2px 10px;border-radius:50px;letter-spacing:1px}.skill-icon{font-size:2.5rem;margin-bottom:1rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.skill-card:hover .skill-icon{transform:scale(1.2) rotate(-5deg)}.skill-card h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--dark)}.skill-card p{font-size:.85rem;color:var(--gray);line-height:1.6;margin-bottom:1.2rem}.skill-tags{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.skill-tags span{background:var(--light);padding:.25rem .7rem;border-radius:50px;font-size:.72rem;font-weight:500;color:var(--gray)}.toolstack{margin-top:3rem;text-align:center}.toolstack-title{font-size:1.1rem;color:var(--gray);margin-bottom:1.5rem;font-weight:500}.toolstack-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.tool-item{display:inline-block;padding:.4rem 1.2rem;background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:50px;font-size:.82rem;font-weight:500;color:var(--dark);transition:var(--transition);opacity:0;transform:translateY(10px)}.tool-item.visible{opacity:1;transform:translateY(0);transition-delay:calc(var(--t) * .05s)}.tool-item:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.philosophy{background:var(--white);overflow:visible!important}.philosophy-sticky-wrap{min-height:700vh;position:relative}.philosophy-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:2rem}.philosophy-sticky .section-title{margin-bottom:.5rem}.philosophy-subtitle{text-align:center;color:var(--gray);font-size:.95rem;margin-bottom:1.5rem}.philosophy-progress{width:100%;max-width:600px;margin-bottom:2rem;position:relative}.philosophy-progress-bar{width:100%;height:4px;background:#6c5ce71a;border-radius:2px;position:relative;overflow:hidden}.philosophy-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress-width, 0%);background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;transition:width .5s cubic-bezier(.16,1,.3,1)}.philosophy-progress-steps{display:flex;justify-content:space-between;margin-top:.5rem}.progress-step{font-size:.7rem;font-weight:500;color:#6c5ce74d;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:.03em;transition:var(--transition)}.progress-step.active{color:var(--primary);font-weight:700}.progress-step.passed{color:var(--primary);opacity:.6}.philosophy-cards-track{position:relative;width:100%;max-width:700px;height:380px}.philosophy-card{position:absolute;top:0;left:0;right:0;padding:2.5rem;border-radius:var(--radius);background:var(--light);border:1px solid rgba(0,0,0,.04);opacity:0;transform:translateY(80px) scale(.9);transition:all .6s cubic-bezier(.16,1,.3,1)}.philosophy-card.active{opacity:1;transform:translateY(0) scale(1);box-shadow:var(--shadow-hover)}.philosophy-card.passed{opacity:0;transform:translateY(-60px) scale(.95)}.philosophy-icon{color:var(--primary);margin-bottom:.8rem}.philosophy-icon svg{width:40px;height:40px}.philosophy-step-label{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;opacity:.7}.philosophy-card h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--dark)}.philosophy-card p{font-size:.9rem;color:var(--gray);line-height:1.8;margin-bottom:1rem}.philosophy-detail{display:flex;flex-wrap:wrap;gap:.5rem}.philosophy-detail span{font-size:.75rem;padding:.3rem .8rem;border-radius:20px;background:#6c5ce714;color:var(--primary);font-weight:500;border:1px solid rgba(108,92,231,.1)}.code-section{background:var(--light)}.code-block{max-width:700px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 40px #00000026;opacity:0;transform:translateY(40px) perspective(600px) rotateX(5deg);transition:opacity .8s ease,transform .8s ease}.code-block.visible{opacity:1;transform:translateY(0) perspective(600px) rotateX(0)}.code-header{background:#2d2d2d;padding:.8rem 1.2rem;display:flex;align-items:center;gap:1rem}.code-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.code-filename{font-family:Fira Code,monospace;font-size:.8rem;color:#ffffff80}.code-content{background:#1e1e1e;padding:1.5rem 2rem;overflow-x:auto;margin:0;font-family:Fira Code,monospace;font-size:.85rem;line-height:1.8;color:#d4d4d4}.code-line{display:block;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease}.code-block.visible .code-line{opacity:1;transform:translate(0)}.code-content .kw{color:#c586c0}.code-content .cls{color:#4ec9b0}.code-content .fn{color:#dcdcaa}.code-content .self{color:#9cdcfe}.code-content .str{color:#ce9178}.code-content .comment{color:#6a9955}.code-content .var{color:#9cdcfe}.code-output{background:#1a1a2e;padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.1);font-family:Fira Code,monospace;display:flex;align-items:center;gap:1rem;min-height:48px}.output-label{font-size:.75rem;color:#27ca40;font-weight:500}.output-text{font-size:.9rem;color:#e0e0e0}.typing-effect:after{content:"|";animation:blink .8s step-end infinite;color:#27ca40}.typing-effect.done:after{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.contact{background:var(--white);min-height:60vh;display:flex;align-items:center}.contact .section-container{text-align:center;width:100%}.contact-description{font-size:1.1rem;color:var(--gray);margin-top:-.5rem;margin-bottom:3rem;line-height:1.9}.contact-cta{display:flex;justify-content:center}.btn-contact{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 3rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);text-decoration:none;border-radius:60px;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #6c5ce759;position:relative;overflow:hidden}.btn-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-dark),var(--accent));opacity:0;transition:opacity .4s ease;border-radius:inherit}.btn-contact:hover:before{opacity:1}.btn-contact:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 40px #6c5ce773}.btn-contact-icon,.btn-contact-text,.btn-contact-arrow{position:relative;z-index:2}.btn-contact-icon{display:flex;align-items:center}.btn-contact-arrow{transition:transform .3s ease;font-size:1.2rem}.btn-contact:hover .btn-contact-arrow{transform:translate(5px)}.contact-easter-egg{margin-top:2.5rem;font-size:.85rem;color:#636e7280;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;cursor:default}.contact-easter-egg.revealed{opacity:1;transform:translateY(0)}.egg-icon{font-size:1.1rem;animation:eggWiggle 3s ease-in-out infinite}@keyframes eggWiggle{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-10deg)}95%{transform:rotate(10deg)}}.contact-easter-egg:hover .egg-text{color:var(--primary)}.footer{text-align:center;padding:2rem;background:var(--dark);color:#fff9;font-size:.85rem}.parallax-el{will-change:transform}@media(max-width:1024px){.hero{padding-top:100px}.hero-prompt-ui{max-width:95%}.ai-response .hero-name{font-size:2.8rem}.about-content{flex-direction:column;text-align:center;align-items:center}.about-stats,.about-domains{justify-content:center}.skills-grid{grid-template-columns:repeat(2,1fr)}.philosophy-cards-track{max-width:90%}}@media(max-width:768px){.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1.5rem;text-align:center;box-shadow:var(--shadow)}.nav-links.active,.menu-toggle{display:flex}.ai-response .hero-name{font-size:2.2rem}.prompt-chat{min-height:320px;padding:1.2rem}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.image-placeholder{width:180px;height:180px}.image-letter{font-size:3.5rem}.code-content{font-size:.72rem;padding:1rem}.tagline-quote{font-size:.9rem}.timeline-content{padding:1.5rem}.timeline-content h3{font-size:1.05rem}.btn-contact{padding:1rem 2rem;font-size:1rem}.philosophy-sticky-wrap{min-height:auto}.philosophy-sticky{position:relative;height:auto;padding:4rem 2rem}.philosophy-progress{display:none}.philosophy-cards-track{position:relative;height:auto;display:flex;flex-direction:column;gap:1.5rem}.philosophy-card{position:relative;opacity:1;transform:none}.philosophy-card.active,.philosophy-card.passed{transform:none}.scroll-indicator,.floating-card{display:none}}