:root {--color-curious-primary:#3b82f6;--color-curious-secondary:#1e40af;--color-friend-primary:#10b981;--color-friend-secondary:#059669;--color-recruiter-primary:#8b5cf6;--color-recruiter-secondary:#7c3aed;--color-primary:var(--color-curious-primary);--color-secondary:var(--color-curious-secondary);--profile-spacing:1.5rem;--header-height:60px;}body[data-profile="curious"] {--color-primary:var(--color-curious-primary);--color-secondary:var(--color-curious-secondary);}body[data-profile="friend"] {--color-primary:var(--color-friend-primary);--color-secondary:var(--color-friend-secondary);}body[data-profile="recruiter"] {--color-primary:var(--color-recruiter-primary);--color-secondary:var(--color-recruiter-secondary);}.container {background:linear-gradient(135deg, #f8f9fa, #e9ecef);min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-normal);}.profile-curious .container {background:linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(30, 64, 175, 0.1));}.profile-friend .container {background:linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.1));}.profile-recruiter .container {background:linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(124, 58, 237, 0.1));}.profile-content {flex:1;padding:calc(var(--header-height) + var(--profile-spacing)) var(--profile-spacing) var(--profile-spacing);max-width:1200px;margin:0 auto;width:100%;}.profile-header {position:fixed;top:0;left:0;width:100%;height:60px;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 1px 10px rgba(0, 0, 0, 0.05);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.header-left, .header-right {flex:1;}.header-center {flex:2;text-align:center;}.profile-title {font-size:1.25rem;font-weight:600;margin:0;color:var(--color-cool-gray-900);}.back-button {display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:8px;border-radius:8px;transition:all 0.3s ease;}.back-button:hover {background-color:rgba(0, 0, 0, 0.05);}.back-button i {font-size:1.1rem;transition:transform 0.3s ease;}.header-icons {display:flex;justify-content:flex-end;gap:10px;}.header-icon {width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-cool-gray-700);cursor:pointer;transition:all 0.3s ease;}.header-icon:hover {background-color:rgba(0, 0, 0, 0.05);color:var(--color-primary);}.options-toggle {position:fixed;top:70px;left:20px;width:60px; height:60px; z-index:1999;display:flex;align-items:center;justify-content:center;}.toggle-clickarea {width:42px;height:42px;background-color:var(--color-light-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}.toggle-clickarea:hover {background-color:var(--color-light-gray-300);transform:rotate(30deg);}.toggle-clickarea i {font-size:1.2rem;color:var(--color-cool-gray-700);transition:transform 0.5s ease;}@media (max-width:768px) {.options-toggle {top:15px;left:auto;right:5px;width:50px;height:50px;}.toggle-clickarea {width:36px;height:36px;}}.profile-hero {display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;background-color:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);}.profile-info {padding:2rem;display:flex;flex-direction:column;justify-content:center;}.profile-info .info-who {font-size:2.5rem;margin-bottom:1rem;color:var(--color-cool-gray-900);}.profile-info .info-what {margin-bottom:1.5rem;}.profile-info .what-1 {font-size:1.2rem;margin-bottom:0.25rem;}.profile-info .what-2 {font-size:1rem;color:var(--color-cool-gray-600);}.profile-description {margin-top:1rem;font-size:1.1rem;color:var(--color-primary);}.profile-description p {margin-bottom:1rem;}.profile-illustration {background-color:var(--color-light-gray-200);min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;}.illustration-container {width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.main-illustration {max-width:100%;max-height:100%;object-fit:contain;}.profile-tools {background-color:white;padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);}.profile-tools h3, .profile-projects h3, .future-content h3 {margin-bottom:1.5rem;font-size:1.5rem;color:var(--color-cool-gray-800);position:relative;padding-left:1rem;}.profile-tools h3::before, .profile-projects h3::before, .future-content h3::before {content:'';position:absolute;left:0;top:0.25rem;bottom:0.25rem;width:4px;background-color:var(--color-primary);border-radius:2px;}.tools-container {display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;}.tool-item {display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background-color:var(--color-light-gray-200);border-radius:0.5rem;transition:all var(--transition-fast);}.tool-item:hover {background-color:var(--color-light-gray-300);transform:translateY(-2px);}.tool-item i {font-size:1.5rem;color:var(--color-primary);}.cv-actions {display:flex;gap:1rem;margin-top:2rem;}.cv-button {display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background-color:var(--color-primary);color:white;border:none;border-radius:0.5rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);}.cv-button:hover {background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}.profile-projects {background-color:white;padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);}.projects-container {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;}.project-item {border-radius:0.75rem;overflow:hidden;background-color:var(--color-light-gray-100);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);transition:all var(--transition-normal);}.project-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.1);}.project-image {height:180px;overflow:hidden;}.project-image img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);}.project-item:hover .project-image img {transform:scale(1.05);}.project-details {padding:1.5rem;}.project-details h4 {font-size:1.2rem;margin-bottom:0.75rem;color:var(--color-cool-gray-900);}.project-details p {font-size:0.95rem;color:var(--color-cool-gray-700);margin-bottom:1rem;line-height:1.5;}.project-tags {display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem;}.tag {padding:0.25rem 0.75rem;background-color:rgba(0, 0, 0, 0.05);border-radius:999px;font-size:0.8rem;color:var(--color-cool-gray-700);}.project-button {padding:0.5rem 1.25rem;background-color:var(--color-primary);color:white;border:none;border-radius:0.5rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);}.project-button:hover {background-color:var(--color-secondary);transform:translateY(-2px);}.projects-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}.view-toggle {display:flex;gap:0.5rem;}.view-button {width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-gray-200);border:none;color:var(--color-cool-gray-600);cursor:pointer;transition:all var(--transition-fast);}.view-button:hover {background-color:var(--color-light-gray-300);color:var(--color-cool-gray-900);}.view-button.active {background-color:var(--color-primary);color:white;position:inherit;}.view-button-list,.view-button-refresh,.view-button-grid {position:inherit;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-gray-200);border:none;color:var(--color-cool-gray-600);cursor:pointer;transition:all var(--transition-fast);opacity:1;box-shadow:none;}.view-button-refresh:hover,.view-button-list:hover,.view-button-grid:hover {background-color:var(--color-light-gray-300);color:var(--color-cool-gray-900);transform:scale(1);}.view-button-refresh.active,.view-button-list.active,.view-button-grid.active {background-color:var(--color-primary);color:white;}.projects-container {transition:all 0.4s ease;}.projects-container.list-view {display:flex;flex-direction:column;gap:1.5rem;}.projects-container.grid-view {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;}.list-view .project-item {display:grid;grid-template-columns:180px 1fr 60px;gap:1.5rem;background-color:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);transition:all var(--transition-normal);}.list-view .project-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);}.list-view .project-image {height:100%;width:180px;overflow:hidden;}.list-view .project-image img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);}.list-view .project-item:hover .project-image img {transform:scale(1.05);}.list-view .project-details {padding:1.25rem 0;display:flex;flex-direction:column;justify-content:center;}.list-view .project-action {display:flex;align-items:center;justify-content:center;padding-right:1rem;}.grid-view .project-item {display:flex;flex-direction:column;background-color:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);transition:all var(--transition-normal);height:100%;}.grid-view .project-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.08);}.grid-view .project-image {height:180px;width:100%;overflow:hidden;}.grid-view .project-image img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);}.grid-view .project-item:hover .project-image img {transform:scale(1.05);}.grid-view .project-details {padding:1.25rem;display:flex;flex-direction:column;flex-grow:1;}.grid-view .project-action {display:flex;justify-content:flex-end;padding:0 1.25rem 1.25rem;}.project-details h4 {font-size:1.2rem;margin-bottom:0.75rem;color:var(--color-cool-gray-900);}.project-details p {font-size:0.95rem;color:var(--color-cool-gray-700);margin-bottom:1rem;line-height:1.5;}.project-tags {display:flex;flex-wrap:wrap;gap:0.5rem;}.tag {padding:0.25rem 0.75rem;background-color:rgba(0, 0, 0, 0.05);border-radius:999px;font-size:0.8rem;color:var(--color-cool-gray-700);}.dots-button {width:40px;height:40px;background-color:var(--color-light-gray-100);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all var(--transition-fast);padding:0;}.dots-button:hover {background-color:var(--color-light-gray-200);}.dots-button .dot {width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);transition:all var(--transition-fast);}body[data-profile] .dots-button.disabled .dot {animation:none;}.dots-button:hover .dot:nth-child(1) {transform:translateY(-4px);}.dots-button:hover .dot:nth-child(3) {transform:translateY(4px);}.project-item.disabled {opacity:0.75;cursor:default;}.project-item.disabled:hover {transform:none;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}.project-image.blur {position:relative;}.project-image.blur img {filter:blur(3px);}.coming-soon-badge {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:rgba(0, 0, 0, 0.6);color:white;padding:0.5rem 1rem;border-radius:4px;font-size:0.9rem;font-weight:500;z-index:2;}.dots-button.disabled {opacity:0.5;cursor:not-allowed;}.dots-button.disabled:hover .dot {transform:none;}body[data-profile="curious"] .dots-button .dot {background-color:var(--color-curious-primary);}body[data-profile="friend"] .dots-button .dot {background-color:var(--color-friend-primary);}body[data-profile="recruiter"] .dots-button .dot {background-color:var(--color-recruiter-primary);}@media (max-width:768px) {.list-view .project-item {grid-template-columns:120px 1fr 50px;gap:1rem;}.list-view .project-image {width:120px;}.project-details h4 {font-size:1.1rem;}.project-details p {font-size:0.9rem;}}@media (max-width:576px) {.list-view .project-item {grid-template-columns:1fr;}.list-view .project-image {width:100%;height:180px;}.list-view .project-action {position:absolute;top:1rem;right:1rem;padding:0;}.list-view .dots-button {background-color:rgba(255, 255, 255, 0.8);}}.future-content {background-color:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);}.placeholder-content {display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;text-align:center;background-color:var(--color-light-gray-100);border-radius:0.75rem;}.placeholder-content p {font-size:1.1rem;color:var(--color-cool-gray-600);max-width:500px;}.placeholder-illustration {width:5rem;height:5rem;background-color:rgba(0, 0, 0, 0.05);border-radius:50%;display:flex;align-items:center;justify-content:center;}.placeholder-illustration i {font-size:2rem;color:var(--color-primary);}@keyframes fadeInUp {from {opacity:0;transform:translateY(20px);}to {opacity:1;transform:translateY(0);}}.profile-hero, .profile-tools, .profile-projects, .future-content {animation:fadeInUp 0.8s ease-out;}.profile-tools {animation-delay:0.1s;}.profile-projects {animation-delay:0.2s;}.future-content {animation-delay:0.3s;}.project-item {animation:fadeInUp 0.6s ease-out;animation-fill-mode:both;}.project-item:nth-child(1) {animation-delay:0.3s;}.project-item:nth-child(2) {animation-delay:0.4s;}.project-item:nth-child(3) {animation-delay:0.5s;}.project-item:nth-child(4) {animation-delay:0.6s;}.hidden {display:none !important;}@media (max-width:992px) {.profile-hero {grid-template-columns:1fr;}.profile-illustration {min-height:200px;}}@media (max-width:768px) {:root {--profile-spacing:1rem;}.profile-info .info-who {font-size:2rem;}.tools-container {gap:0.75rem;}.tool-item {padding:0.5rem 0.75rem;font-size:0.9rem;}.cv-actions {flex-direction:column;}.projects-container {grid-template-columns:1fr;}.back-text {display:none;}}@media (max-width:480px) {.profile-tools, .profile-projects, .future-content {padding:1.5rem;}.profile-info {padding:1.5rem;}.cv-button {width:100%;justify-content:center;}}.dots-menu {width:160px;background-color:white;border-radius:8px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);z-index:1000;overflow:hidden;transform-origin:top right;}.dots-menu-item {padding:10px 16px;font-size:14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all var(--transition-fast);}.dots-menu-item:hover {background-color:var(--color-light-gray-200);color:var(--color-primary);}.dots-menu-item i {width:16px;text-align:center;}.project-item.saved {border-left:3px solid var(--color-primary);}.bookmark-icon {position:absolute;top:10px;right:10px;color:var(--color-primary);background:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);z-index:5;}.save-notification {display:flex;align-items:center;gap:10px;font-weight:500;}.save-notification i {font-size:16px;}.loading-dots {display:flex;gap:4px;align-items:center;justify-content:center;height:100%;}.loading-dots .dot {width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);animation:loading-pulse 1.5s infinite ease-in-out;}.loading-dots .dot:nth-child(2) {animation-delay:0.2s;}.loading-dots .dot:nth-child(3) {animation-delay:0.4s;}@keyframes loading-pulse {0%, 100%{transform:scale(1); opacity:0.6; }50%{transform:scale(1.2); opacity:1; }}.saved-effect {position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);pointer-events:none;opacity:0;z-index:10;border-radius:inherit;}.list-view .project-item {position:relative;}.list-view .project-item.saved {padding-left:0.5rem;}@media (max-width:768px) {.dots-menu {position:fixed !important;bottom:20px !important;left:50% !important;top:auto !important;transform:translateX(-50%) !important;width:90% !important;max-width:320px;border-radius:12px;}.dots-menu-item {padding:14px 20px;font-size:16px;}.save-notification {width:90%;max-width:300px;justify-content:center;}}.project-details-panel {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:7000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow-y:auto;}.details-panel-content {position:relative;width:100%;max-width:1000px;max-height:90vh;background-color:white;border-radius:12px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.3);overflow:auto;display:grid;grid-template-columns:45% 55%;}.details-image {height:100%;overflow:hidden;background-color:var(--color-light-gray-200);}.details-image img {width:100%;height:100%;object-fit:cover;}.details-info {padding:40px 40px 40px 40px;overflow-y:auto;max-height:90vh;}.details-info h2 {font-size:2rem;margin-bottom:15px;color:var(--color-cool-gray-900);}.details-tags {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;}.detail-tag {padding:6px 14px;background-color:var(--color-light-gray-200);border-radius:999px;font-size:0.9rem;color:var(--color-primary);}.details-description {margin-bottom:30px;}.details-description h3, .details-section h3 {font-size:1.3rem;margin-bottom:12px;color:var(--color-cool-gray-800);position:relative;padding-left:15px;}.details-description h3::before, .details-section h3::before {content:'';position:absolute;left:0;top:5px;bottom:5px;width:4px;background-color:var(--color-primary);border-radius:2px;}.details-description p {font-size:1rem;line-height:1.6;color:var(--color-cool-gray-700);margin-bottom:15px;}.details-section {margin-bottom:30px;}.details-section ul {padding-left:20px;margin-bottom:15px;}.details-section li {margin-bottom:8px;color:var(--color-cool-gray-700);line-height:1.5;}.tech-stack {display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;}.tech-item {padding:8px 16px;background-color:var(--color-light-gray-200);border-radius:8px;font-size:0.9rem;color:var(--color-cool-gray-800);display:flex;align-items:center;gap:8px;}.details-actions {display:flex;gap:15px;margin-top:30px;}.detail-action-button {display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.3s ease;}.detail-action-button.primary {background-color:var(--color-primary);color:white;}.detail-action-button.secondary {background-color:rgba(0, 0, 0, 0.1);color:var(--color-cool-gray-800);}.detail-action-button:hover {transform:translateY(-2px);box-shadow:0 4px 10px rgba(0, 0, 0, 0.15);}.detail-action-button.primary:hover {background-color:var(--color-secondary);}.detail-action-button.secondary:hover {background-color:rgba(0, 0, 0, 0.15);}.close-panel-button {position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background-color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);transition:all var(--transition-fast);}.close-panel-button:hover {background-color:var(--color-light-gray-200);transform:rotate(90deg);}@media (max-width:992px) {.details-panel-content {grid-template-columns:1fr;max-width:600px;max-height:80vh;}.details-image {height:300px;}.details-info {padding:30px;max-height:none;}}@media (max-width:576px) {.project-details-panel {padding:10px;}.details-panel-content {max-height:85vh;}.details-image {height:200px;}.details-info {padding:20px;}.details-info h2 {font-size:1.6rem;}.details-actions {flex-direction:column;}.detail-action-button {width:100%;justify-content:center;}}.profile-gallery {background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);padding:30px;margin-bottom:30px;}.gallery-title {font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-cool-gray-800);position:relative;padding-left:1rem;}.gallery-title::before {content:'';position:absolute;left:0;top:0.25rem;bottom:0.25rem;width:4px;background-color:var(--color-primary);border-radius:2px;}.gallery-container {position:relative;width:100%;height:350px;margin-bottom:20px;overflow:hidden;border-radius:8px;}.gallery-nav {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-cool-gray-700);cursor:pointer;z-index:10;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;}.gallery-nav:hover {background-color:white;color:var(--color-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.15);}.gallery-prev {left:20px;}.gallery-next {right:20px;}.gallery-slider {width:100%;height:100%;position:relative;}.gallery-slide {position:absolute;top:0;left:0;width:100%;height:100%;display:none;pointer-events:none; }.gallery-slide:first-child, .gallery-slide.active {display:block;pointer-events:auto; }.slide-content {width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--color-light-gray-200);border-radius:8px;display:flex;align-items:center;justify-content:center;}.slide-content img {width:100%;height:100%;object-fit:cover;}.slide-caption {position:absolute;bottom:0;left:0;right:0;padding:20px;background:var(--color-primary);color:white;}.slide-caption h3 {font-size:1.2rem;margin-bottom:5px;}.slide-caption p {font-size:0.9rem;opacity:0.9;}.profile-gallery {background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.05);padding:30px;margin-bottom:30px;}.gallery-title {font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-cool-gray-800);position:relative;padding-left:1rem;}.gallery-title::before {content:'';position:absolute;left:0;top:0.25rem;bottom:0.25rem;width:4px;background-color:var(--color-primary);border-radius:2px;}.gallery-container {position:relative;width:100%;height:350px;margin-bottom:20px;overflow:hidden;border-radius:8px;}.gallery-nav {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-cool-gray-700);cursor:pointer;z-index:10;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;}.gallery-nav:hover {background-color:white;color:var(--color-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.15);}.gallery-prev{left:20px; }.gallery-next{right:20px; }.gallery-slider {width:100%;height:100%;position:relative;}.gallery-slide {position:absolute;top:0;left:0;width:100%;height:100%;display:none;cursor:pointer; }.gallery-slide:first-child{display:block; }.slide-content {width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--color-light-gray-200);border-radius:8px;display:flex;align-items:center;justify-content:center;}.slide-content img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease; }.gallery-slide:hover .slide-content img {transform:scale(1.03); }.slide-caption {position:absolute;bottom:0;left:0;right:0;padding:20px;color:white;transform:translateY(0);transition:transform 0.3s ease;}.view-button {position:absolute;bottom:15px;right:15px;background-color:var(--color-primary);color:white;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);transition:all 0.3s ease;opacity:0;transform:translateY(10px);}.gallery-slide:hover .view-button {opacity:1;transform:translateY(0);}.view-button:hover {}.gallery-dots {display:flex;justify-content:center;gap:10px;margin-top:20px;}.gallery-dot {width:12px;height:12px;border-radius:50%;background-color:var(--color-light-gray-300);border:none;cursor:pointer;padding:0;transition:all 0.3s ease;}.gallery-dot:hover {background-color:var(--color-light-gray-400);transform:scale(1.2);}.gallery-dot.active {background-color:var(--color-primary);transform:scale(1.2);}.question-mark {background:linear-gradient(135deg, var(--color-light-gray-200), var(--color-light-gray-300));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.question-icon {width:80px;height:80px;border-radius:50%;background-color:rgba(255, 255, 255, 0.8);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:20px;box-shadow:0 8px 30px rgba(0, 0, 0, 0.1);animation:pulse 3s infinite ease-in-out;}@keyframes pulse {0%{transform:scale(1); }50%{transform:scale(1.1); }100%{transform:scale(1); }}.gallery-modal {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15, 23, 42, 0.95);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1);backdrop-filter:blur(10px);}.gallery-modal.show {opacity:1;visibility:visible;}.modal-content {width:90%;max-width:1000px;background-color:white;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);transform:translateY(30px) scale(0.97);opacity:0;transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);}.gallery-modal.show .modal-content {transform:translateY(0) scale(1);opacity:1;}.modal-image-container {position:relative;width:100%;height:0;padding-bottom:56.25%; overflow:hidden;background-color:#f1f5f9;}#modalImage {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease;}.modal-content:hover #modalImage {transform:scale(1.05);}.modal-nav-btn {position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255, 255, 255, 0.8);color:#333;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;opacity:0.7;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}.modal-nav-btn:hover {background-color:rgba(255, 255, 255, 0.95);opacity:1;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);}.modal-prev-btn{left:15px; }.modal-next-btn{right:15px; }.modal-caption {padding:30px;background:white;position:relative;}.modal-caption::before {content:'';position:absolute;top:-15px;left:30px;right:30px;height:2px;background:linear-gradient(to right, var(--color-primary) 0%, rgba(255, 255, 255, 0) 100%);border-radius:2px;}#modalTitle {margin:0 0 15px 0;font-size:28px;font-weight:700;color:#1e293b;position:relative;padding-left:16px;}#modalTitle::before {content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;background-color:var(--color-primary);border-radius:2px;}#modalDescription {margin:0 0 30px 0;font-size:16px;line-height:1.7;color:#64748b;}.modal-button {padding:12px 24px;background-color:var(--color-primary);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;}.modal-button::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.7s ease;}.modal-button:hover::before {left:100%;}.modal-button:hover {transform:translateY(-3px);box-shadow:0 6px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);background-color:var(--color-secondary);}.modal-close {position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:rgba(255, 255, 255, 0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;cursor:pointer;z-index:10;transition:all 0.3s ease;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(5px);}.modal-close:hover {background-color:rgba(255, 255, 255, 0.25);transform:rotate(90deg);}@media (max-width:768px) {.gallery-container {height:280px;}.modal-content {width:95%;}.modal-caption {padding:20px;}#modalTitle {font-size:22px;}.question-icon {width:60px;height:60px;font-size:2rem;}}.modal-question-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.2);z-index:5;padding:2rem;text-align:center;color:white;}.modal-question-overlay h2 {font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.modal-question-overlay p {font-size:1.25rem;max-width:600px;line-height:1.6;text-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}@keyframes fadeIn {from{opacity:0; transform:translateY(20px); }to{opacity:1; transform:translateY(0); }}.modal-question-overlay h2,.modal-question-overlay p {animation:fadeIn 0.8s ease-out forwards;}.modal-question-overlay p {animation-delay:0.2s;}.chat-avatar {position:fixed;bottom:20px;right:20px;z-index:5000;cursor:pointer;transition:transform 0.3s ease;}.chat-avatar:hover {transform:scale(1.05);}.chat-avatar-container {position:relative;width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);display:flex;align-items:center;justify-content:center;overflow:visible;}.chat-avatar-container img {width:100%;height:100%;object-fit:cover;border-radius:50%;}.chat-tooltip {position:absolute;top:-40px;right:0;background-color:rgba(0, 0, 0, 0.8);color:white;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity 0.3s ease, transform 0.3s ease;pointer-events:none;}.chat-tooltip:after {content:'';position:absolute;bottom:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0, 0, 0, 0.8);}.chat-avatar.tooltip-visible .chat-tooltip {opacity:1;transform:translateY(0);}@media (max-width:768px) {.chat-avatar {bottom:15px;right:15px;}.chat-avatar-container {width:100%;height:100%;}}.dots-menu-item.disabled-feature,.disabled-feature {opacity:0.5;cursor:not-allowed;position:relative;}.disabled-feature:hover {background-color:transparent !important;color:var(--color-cool-gray-700) !important;transform:none !important;}.feature-tooltip {position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background-color:rgba(0, 0, 0, 0.8);color:white;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:1001;}.feature-tooltip:after {content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0, 0, 0, 0.8);}.disabled-feature:hover .feature-tooltip {opacity:1;transform:translateX(-50%) translateY(5px);}@media (max-width:768px) {.feature-tooltip {font-size:10px;padding:4px 8px;}}@keyframes rotating {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}.rotating {animation:rotating 1s linear infinite;}.refresh-projects-btn:hover {background-color:var(--color-light-gray-300);}.refresh-projects-btn:active {transform:scale(0.95);}*/@media (max-width:768px) {.details-panel-content {overflow:scroll;}.project-description-container ul {padding-left:20px;margin:0.5rem 0;}.project-description-container p {margin-bottom:0.75rem;}.project-description-container strong {font-weight:600;}.project-description-container em {font-style:italic;}