body{color:#333;background-color:#f8f9fa;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;box-shadow:0 2px 5px #0000000d}.nav-links a{color:#555;margin-left:2rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#742774}.hero{text-align:center;max-width:800px;margin:0 auto;padding:6rem 2rem}.hero h1{color:#742774;margin-bottom:.5rem;font-size:3rem}.hero h2{color:#555;margin-bottom:1.5rem;font-size:1.5rem}.hero p{color:#666;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.btn-primary,.btn-secondary{border-radius:6px;margin:0 .5rem;padding:.8rem 1.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background-color:#742774}.btn-primary:hover{background-color:#5a1d5a}.btn-secondary{color:#742774;background-color:#0000;border:2px solid #742774}.btn-secondary:hover{background-color:#f2e6f2}.projects-section{max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-title{text-align:center;color:#333;margin-bottom:3rem;font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-card{background:#fff;border-radius:12px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.project-card:hover{transform:translateY(-5px)}.project-video-placeholder{color:#6c757d;background-color:#e9ecef;border-bottom:3px solid #742774;justify-content:center;align-items:center;height:200px;font-weight:700;display:flex}.project-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-content h3{color:#742774;margin-top:0}.project-content p{color:#555;margin-bottom:.8rem;font-size:.95rem;line-height:1.5}.features-list{margin-bottom:1.5rem;padding:0;list-style-type:none}.features-list li{color:#444;margin-bottom:.4rem;font-size:.9rem}.btn-github{color:#fff;cursor:pointer;background-color:#24292e;border:none;border-radius:6px;margin-top:auto;padding:.8rem;font-weight:700;transition:background .3s}.btn-github:hover{background-color:#000}.contact-section{text-align:center;background-color:#fff;border-top:1px solid #eaeaea;padding:5rem 2rem 0}.contact-container{max-width:700px;margin:0 auto 4rem}.contact-container h2{color:#742774;margin-bottom:1rem;font-size:2.2rem}.contact-container p{color:#555;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.contact-buttons{justify-content:center;gap:1rem;display:flex}.btn-email,.btn-linkedin{border-radius:6px;align-items:center;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-email{color:#fff;background-color:#742774}.btn-email:hover{background-color:#5a1d5a}.btn-linkedin{color:#fff;background-color:#0077b5}.btn-linkedin:hover{background-color:#005e93}footer{color:#888;background-color:#f8f9fa;border-top:1px solid #eaeaea;padding:1.5rem;font-size:.9rem}.dark-mode{color:#e0e0e0;background-color:#121212}.dark-mode .navbar,.dark-mode .contact-section{background-color:#1e1e1e;border-color:#333}.dark-mode .navbar h2,.dark-mode .section-title,.dark-mode .hero h2,.dark-mode .contact-container h2{color:#bb86fc}.dark-mode .nav-links a{color:#e0e0e0}.dark-mode .nav-links a:hover{color:#bb86fc}.dark-mode .hero p,.dark-mode .contact-container p{color:#b3b3b3}.dark-mode .project-card{background:#1e1e1e;box-shadow:0 4px 15px #00000080}.dark-mode .project-video-placeholder{color:#aaa;background-color:#2c2c2c;border-bottom:3px solid #bb86fc}.dark-mode .project-content h3{color:#bb86fc}.dark-mode .project-content p,.dark-mode .features-list li{color:#ccc}.dark-mode footer{color:#666;background-color:#121212;border-color:#333}.theme-toggle{cursor:pointer;background:0 0;border:none;margin-left:1rem;padding:.2rem;font-size:1.5rem;transition:transform .3s}.theme-toggle:hover{transform:scale(1.1)}.interactive-hint{color:#fff;z-index:10;pointer-events:none;background-color:#742774e6;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;animation:2s infinite pulse-glow;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #0000004d}.hint-icon{font-size:1.5rem;animation:1.5s ease-in-out infinite drag-motion}.hint-text{font-size:.9rem;font-weight:700}@keyframes drag-motion{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #742774b3}70%{box-shadow:0 0 0 10px #74277400}to{box-shadow:0 0 #74277400}}.dual-layout{text-align:left;flex-wrap:wrap;align-items:center;gap:4rem;display:flex}.contact-info{flex:1;min-width:300px}.contact-form-wrapper{background:#fff;border-radius:12px;flex:1;min-width:300px;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.dark-mode .contact-form-wrapper{background:#1e1e1e;box-shadow:0 10px 30px #00000080}.minimal-form{flex-direction:column;gap:1.5rem;display:flex}.input-group input,.input-group textarea{width:100%;color:inherit;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid #ddd;outline:none;padding:10px 0;font-family:inherit;font-size:1rem;transition:border-color .3s}.dark-mode .input-group input,.dark-mode .input-group textarea{border-bottom:2px solid #444}.input-group input:focus,.input-group textarea:focus{border-bottom:2px solid #742774}.dark-mode .input-group input:focus,.dark-mode .input-group textarea:focus{border-bottom:2px solid #bb86fc}.btn-submit-form{color:#fff;cursor:pointer;background-color:#742774;border:none;border-radius:6px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s}.btn-submit-form:hover{background-color:#5a1d5a;transform:translateY(-2px)}.crm-wrapper{min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:all .3s}.crm-wrapper.dark{color:#f8fafc;background-color:#0f172a}.crm-wrapper.light{color:#0f172a;background-color:#f0fdf4}.crm-nav{-webkit-backdrop-filter:blur(10px);z-index:100;background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.crm-wrapper.light .crm-nav{background:#ffffffb3;border-bottom:1px solid #0000001a}.telegram-btn{color:#fff;background-color:#2aabee;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.telegram-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2aabee66}.crm-theme-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:transform .3s}.crm-theme-toggle:hover{transform:rotate(15deg)scale(1.1)}.crm-project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.crm-wrapper.light .crm-project-card{background:#fff;border:1px solid #0000000d;box-shadow:0 4px 20px #0000000d}.crm-project-card:hover{border-color:#2aabee80;transform:translateY(-10px);box-shadow:0 20px 40px #2aabee26}