@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);:root{--color-primary-dark:#7c3aed;--color-primary:#a855f7;--color-primary-light:#c084fc;--color-accent:#fbbf24;--color-accent-light:#fcd34d;--color-accent-dark:#f59e0b;--color-cream:#fef9e7;--color-cream-light:#fffef7;--color-yellow-pale:#fff9c4;--color-yellow-soft:#fffacd;--color-blue:#3b82f6;--color-blue-light:#60a5fa;--color-green:#10b981;--color-green-light:#34d399;--color-orange:#f97316;--color-orange-light:#fb923c;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#bdbdbd;--color-gray-500:#9e9e9e;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-black:#000;--color-success:#4caf50;--color-warning:#f59e0b;--color-error:#ea580c;--color-info:#2196f3;--font-family-primary:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-family-heading:"Plus Jakarta Sans","Inter",sans-serif;--font-family-code:"Fira Code","Monaco","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-px:1px;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-blur:blur(10px);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=dark]{--color-background:var(--color-gray-900);--color-surface:var(--color-gray-800);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-300)}[data-theme=light]{--color-background:var(--color-white);--color-surface:var(--color-gray-50);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600)}.btn{border:none;border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-base);gap:var(--spacing-2);justify-content:center;line-height:var(--line-height-tight);overflow:hidden;padding:var(--spacing-3) var(--spacing-6);position:relative;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);box-shadow:var(--shadow-md);color:var(--color-white)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-accent);box-shadow:var(--shadow-sm);color:var(--color-primary-dark)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border:2px solid #333}.btn-outline:hover:not(:disabled){background:#333;color:#fff}.btn-ghost{background:#0000;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:#6a09121a}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-base);overflow:hidden;position:relative;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border)}.card-header{border-bottom:1px solid var(--color-gray-200)}.card-body,.card-footer,.card-header{padding:var(--spacing-6)}.card-footer{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--spacing-2)}.skeleton-title{height:1.5rem;margin-bottom:var(--spacing-3)}.skeleton-avatar{border-radius:var(--radius-full);height:3rem;width:3rem}.input-group{margin-bottom:var(--spacing-4);position:relative}.input{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6a09121a;outline:none}.input:hover{border-color:var(--color-gray-300)}.label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.badge,.label{font-weight:var(--font-weight-medium)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-secondary{background:var(--color-accent);color:var(--color-primary-dark)}.badge-outline{background:#0000;border:1px solid var(--color-gray-300);color:var(--color-gray-600)}.tooltip{position:relative}.tooltip:before{background:var(--color-gray-900);border-radius:var(--radius-md);bottom:125%;color:var(--color-white);content:attr(data-tooltip);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;z-index:var(--z-tooltip)}.tooltip:after,.tooltip:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all var(--transition-base);visibility:hidden}.tooltip:after{border:5px solid #0000;border-top:5px solid var(--color-gray-900);bottom:115%;content:""}.tooltip:hover:after,.tooltip:hover:before{opacity:1;visibility:visible}.progress{background:var(--color-gray-200);height:var(--spacing-2);overflow:hidden;width:100%}.progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);height:100%;transition:width var(--transition-base)}.alert{border-left:4px solid;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.alert-success{background:#4caf501a;border-color:var(--color-success);color:#2e7d32}.alert-warning{background:#f59e0b1a;border-color:var(--color-warning);color:#d97706}.alert-error{background:#ea580c1a;border-color:var(--color-error);color:#c2410c}.alert-info{background:#2196f31a;border-color:var(--color-info);color:#1565c0}.glass{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.focus-ring:focus{box-shadow:0 0 0 3px #6a09121a;outline:none}*,:after,:before{box-sizing:border-box}*,html{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-gray-900);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;padding:80px 0 0;text-rendering:optimizeLegibility}@media screen and (max-width:855px){body{padding-top:70px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light)}code{background:var(--color-gray-100);border-radius:var(--radius-base);font-family:var(--font-family-code);font-size:.875em;padding:var(--spacing-1) var(--spacing-2)}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.container{padding:0 var(--spacing-4)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}img{display:block;height:auto;max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.navbar{align-items:center;box-sizing:border-box;display:flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);height:80px;justify-content:space-between;left:0;letter-spacing:.025em;margin:0;padding:0 clamp(1rem,5vw,3rem);position:fixed;right:0;top:0;transition:all var(--transition-base);width:100%;z-index:1000}.navbar,.navbar-colored,.navbar-opaque{background:#f9f4f0;border-bottom:1px solid #3333331a}.navbar-colored{box-shadow:var(--shadow-sm)}.navbar-logo img{border-radius:var(--radius-lg);height:50px;padding:var(--spacing-1);transition:all var(--transition-base)}.navbar-logo:hover img{filter:brightness(1.1);transform:scale(1.05)}.nav{display:block}.nav-list{display:flex;gap:var(--spacing-6);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{border-bottom:2px solid #0000;color:#333;display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{color:#000;opacity:.8}.nav-link.active{border-bottom:2px solid #333;color:#333}.nav-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:none;font-size:1.75rem;height:44px;justify-content:center;padding:.5rem;pointer-events:auto;position:relative;transition:all .3s ease;width:44px;z-index:1001}.nav-toggle:hover{background:#3333331a}.nav-toggle:active{transform:scale(.95)}.nav-backdrop{display:none}@media screen and (max-width:855px){.navbar{height:70px;padding:0 1rem}.navbar-logo img{height:40px}.nav-toggle{display:flex!important;order:3}.navbar-logo{order:1}.nav{order:2}.nav-backdrop{animation:fadeIn .3s ease-out;background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav{background:#fff;border:1px solid #3333331a;border-radius:16px;box-shadow:0 8px 24px #00000026;display:none;flex-direction:column;max-width:calc(100vw - 2rem);padding:1rem;position:fixed;right:1rem;top:70px;width:260px;z-index:999}.nav-visible{animation:slideIn .3s ease-out;display:flex}.nav-list{flex-direction:column;gap:.5rem;margin:0;padding:0}.nav-item{margin:0;width:100%}.nav-link{border-bottom:none;border-radius:8px;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;width:100%}.nav-link:hover{background:#3333330d;color:#333;transform:translateX(4px)}.nav-link.active{background:#33333314;color:#333;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.footer{background:#f9f4f0;border-top:1px solid #3333331a;margin-top:auto;padding:clamp(2rem,4vh,3rem) 0;width:100%}.footer-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);justify-content:space-between}.footer-info{flex:1 1;min-width:200px}.footer-copyright{color:#1a1a1a;font-size:clamp(.875rem,1.5vw,.95rem);font-weight:var(--font-weight-medium);margin:0 0 clamp(.25rem,.5vw,.5rem)}.footer-copyright,.footer-tagline{font-family:var(--font-family-primary)}.footer-tagline{color:#4a4a4a;font-size:clamp(.75rem,1.3vw,.875rem);font-style:italic;margin:0;opacity:.7}.footer-social{gap:clamp(.75rem,2vw,1rem)}.footer-social,.social-link{align-items:center;display:flex}.social-link{background:#fff;border:1px solid #33333314;border-radius:12px;box-shadow:0 2px 8px #0000000f;height:clamp(40px,6vw,48px);justify-content:center;padding:clamp(.5rem,1vw,.75rem);transition:all .3s ease;width:clamp(40px,6vw,48px)}.social-link:hover{border-color:#f59e0b4d;box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.social-link img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.social-link:hover img{transform:scale(1.1)}@media screen and (max-width:768px){.footer-content{align-items:center;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);text-align:center}.footer-info{min-width:100%}.footer-social{justify-content:center}}.home-container{background:#f9f4f0;min-height:100vh;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-6)}.hero-section{background:#0000;margin-top:0;min-height:100vh;opacity:1;overflow:hidden;padding:var(--spacing-8) 0;padding-top:40px;position:relative;transform:translateY(0)}.hero-content,.hero-section{align-items:center;display:flex}.hero-content{gap:clamp(3rem,6vw,5rem);justify-content:space-between;margin:0 auto;max-width:1200px;padding-left:clamp(1.5rem,5vw,4rem);padding-right:clamp(1.5rem,5vw,4rem);width:100%;z-index:2}.hero-left{flex:1 1;max-width:600px}.hero-right{animation:fadeInRight 1s ease-out .3s both;flex-shrink:0}.hero-text{animation:fadeInUp 1s ease-out;max-width:clamp(350px,45vw,550px);text-align:left;z-index:10}.portfolio-label{color:#333;display:block;font-family:var(--font-family-primary);font-size:clamp(2.1rem,1.2vw,.875rem);font-weight:var(--font-weight-normal);letter-spacing:.05em;margin-bottom:clamp(1.5rem,3vw,2.5rem);opacity:.8}.hero-name{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:clamp(2rem,4vw,3rem);white-space:nowrap}.typing-cursor{animation:blink 1s infinite;color:#333}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:#4a4a4a;font-family:var(--font-family-primary);font-size:clamp(.875rem,1.8vw,1rem);font-weight:var(--font-weight-normal);line-height:1.6;margin-bottom:clamp(2.5rem,5vw,4rem);max-width:90%;opacity:.85}.title-decorators-top{margin-bottom:clamp(.5rem,1vw,.75rem)}.title-decorators-bottom,.title-decorators-top{align-items:center;display:flex;justify-content:space-between;max-width:clamp(200px,25vw,300px);width:100%}.title-decorators-bottom{margin-bottom:clamp(2rem,4vw,3rem);margin-top:clamp(.5rem,1vw,.75rem)}.decorator-square,.decorator-square-right{color:#f59e0b;font-size:clamp(.5rem,1vw,.75rem);font-weight:var(--font-weight-bold)}.hero-title{color:#1a1a1a;font-family:var(--font-family-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-weight-bold);letter-spacing:.02em;margin:0;max-width:clamp(200px,25vw,300px);text-align:center;width:100%}.hero-actions{display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1rem);justify-content:flex-start;margin-top:clamp(1rem,2vw,1.5rem)}.logo-container{align-items:center;animation:logoEntrance 1.2s cubic-bezier(.25,.46,.45,.94) forwards;display:flex;height:clamp(280px,28vw,380px);justify-content:center;width:clamp(280px,28vw,380px)}.logo-wrapper{animation:logoFloat 6s ease-in-out infinite;animation-delay:1.2s;border-radius:28px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;height:85%;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:85%}.logo-wrapper:hover{animation-play-state:paused;box-shadow:0 20px 60px #00000026,0 8px 24px #f59e0b33;transform:scale(1.05) translateY(-8px)}.hero-logo{border-radius:28px;display:block;height:100%;width:100%}@keyframes logoEntrance{0%{opacity:0;transform:scale(.8) translateY(30px)}60%{opacity:1;transform:scale(1.02) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-visual{animation:fadeInRight 1s ease-out .3s both;display:flex;justify-content:center}.profile-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);max-width:400px;padding:var(--spacing-8);text-align:center;transition:transform .3s ease}.profile-card:hover{transform:translateY(-10px)}.guess-game-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:2px solid #ffffff80;border-radius:var(--radius-3xl);box-shadow:0 20px 60px #0003;max-width:600px;padding:var(--spacing-8);width:100%}.game-header{margin-bottom:var(--spacing-6);text-align:center}.game-title{color:#7c3aed;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);text-shadow:1px 1px 2px #0000001a}.game-subtitle{color:#1f2937;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.game-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.attempts-badge{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #7c3aed4d}.attempts-badge,.reset-btn{border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-2) var(--spacing-4)}.reset-btn{background:#f59e0b;border:none;box-shadow:0 4px 12px #f59e0b4d;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#d97706;box-shadow:0 6px 16px #f59e0b66;transform:scale(1.05)}.photos-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-6)}.photo-item{aspect-ratio:1;border:3px solid #0000;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.photo-item:hover{box-shadow:0 8px 20px #7c3aed4d}.photo-item.selected,.photo-item:hover{border-color:#7c3aed;transform:scale(1.05)}.photo-item.correct{animation:correctPulse .6s ease-out;border-color:#10b981}.photo-item.incorrect{animation:shake .5s ease-out;border-color:#ea580c}.ai-photo{display:block;height:100%;object-fit:cover;width:100%}.photo-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.correct-overlay{background:#10b981d9}.incorrect-overlay{background:#ea580cd9}.overlay-icon{color:#fff;font-size:3rem;margin-bottom:var(--spacing-2);text-shadow:2px 2px 4px #0000004d}.overlay-text{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-shadow:1px 1px 3px #0000004d}.success-message{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-2xl);box-shadow:0 8px 20px #10b9814d;padding:var(--spacing-6);text-align:center}.success-text{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;text-shadow:1px 1px 2px #0003}@keyframes correctPulse{0%{box-shadow:0 4px 12px #0000001a;transform:scale(1)}50%{box-shadow:0 12px 30px #10b98180;transform:scale(1.1)}to{box-shadow:0 8px 20px #10b9814d;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-image{border:4px solid var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);height:200px;margin:0 auto var(--spacing-6);overflow:hidden;width:200px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-animation{align-items:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid var(--color-accent);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;height:200px;justify-content:center;margin:0 auto var(--spacing-6);overflow:hidden;position:relative;transition:background .8s ease-in-out;width:200px}.profile-svg-animated{animation:fadeInSvg .8s ease-in-out;height:100%;object-fit:contain;padding:var(--spacing-4);width:100%}@keyframes fadeInSvg{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-stats{display:flex;gap:var(--spacing-4);justify-content:space-around}.stat{text-align:center}.stat-number{color:var(--color-accent);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stat-label{color:#333;font-size:var(--font-size-sm);opacity:.8}.floating-element{pointer-events:auto;z-index:1}.game-trigger{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fffc,#fff9c4e6);border:3px solid #fbbf2499;border-radius:var(--radius-2xl);box-shadow:0 8px 20px #00000026;cursor:pointer;padding:var(--spacing-2);position:relative;transition:transform .3s ease}.game-trigger:hover{border-color:#fbbf24e6;box-shadow:0 12px 30px #fbbf2466;transform:scale(1.1)}.game-text{background:#fff9c4e6;border:2px solid #7c3aed4d;border-radius:var(--radius-full);color:#7c3aed;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);left:50%;padding:var(--spacing-1) var(--spacing-3);position:absolute;text-shadow:2px 2px 4px #fffc;top:-35px;transform:translateX(-50%);white-space:nowrap}.btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:clamp(.875rem,2vw,1rem);padding:clamp(.5rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);text-decoration:none;transition:all .3s ease}.btn,.btn-primary{font-weight:var(--font-weight-medium)}.btn-primary{background:#333;border-color:#333;color:#fff}.btn-primary:hover{background:#000;border-color:#000;box-shadow:0 8px 20px #3333334d;color:#fff;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#333;color:#333;font-weight:var(--font-weight-medium)}.btn-outline:hover{background:#333;border-color:#333;box-shadow:0 8px 20px #3333334d;color:#fff;transform:translateY(-2px)}.btn-large{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-10)}section{padding:var(--spacing-20) 0}section:not(.hero-section){opacity:0;transform:translateY(30px);transition:all .8s ease}section:not(.hero-section).animate-in{opacity:1;transform:translateY(0)}.section-header.centered{text-align:center}.section-title{color:#333;font-size:var(--font-size-4xl)}.section-description{color:#333;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.about-section{background:#0000;border-top:1px solid #3333331a;padding:clamp(4rem,8vh,6rem) 0}.about-content{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.section-label-wrapper{gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1.5rem,3vw,2rem)}.section-badge{color:#333;display:inline-block;font-size:clamp(2rem,1.2vw,.875rem);font-weight:var(--font-weight-semibold);letter-spacing:.15em;opacity:.7}.section-title{font-family:var(--font-family-heading);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.01em;margin-bottom:var(--spacing-4)}.about-text{color:#4a4a4a;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;margin-bottom:clamp(3rem,6vw,4rem);max-width:800px;opacity:.9;white-space:pre-line}.about-highlights{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.highlight-item{align-items:flex-start;background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.highlight-item:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.highlight-icon{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-shrink:0;height:clamp(140px,21vw,170px);justify-content:center;padding:clamp(.75rem,1.5vw,1rem);transition:all .3s ease;width:clamp(140px,21vw,170px)}.highlight-icon img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.highlight-item:hover .highlight-icon{box-shadow:0 4px 20px #f59e0b26;transform:scale(1.05)}.highlight-item:hover .highlight-icon img{transform:scale(1.1)}.highlight-item h4{color:#1a1a1a;font-size:clamp(1rem,2vw,1.125rem);font-weight:var(--font-weight-bold);letter-spacing:.01em;margin-bottom:clamp(.25rem,.5vw,.5rem)}.highlight-item p{color:#4a4a4a;font-size:clamp(.875rem,1.8vw,.95rem);line-height:1.5;margin:0;opacity:.85}.experience-section{background:#0000;border-top:1px solid #3333331a;padding:clamp(4rem,8vh,6rem) 0}.experience-content{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.section-description{font-size:clamp(.875rem,1.8vw,1rem);line-height:1.6;margin-top:clamp(.5rem,1vw,1rem);max-width:600px;opacity:.8}.timeline{margin:0 auto;max-width:900px;padding-left:clamp(1rem,3vw,2rem);position:relative}.timeline:before{background:linear-gradient(180deg,#f59e0b,#f59e0b4d);border-radius:var(--radius-full);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.timeline-item{align-items:flex-start;display:flex;gap:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(2rem,4vw,3rem);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#fff;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#1a1a1a;flex:0 0 auto;font-size:clamp(.875rem,1.5vw,1rem);font-weight:var(--font-weight-bold);min-width:clamp(70px,10vw,90px);padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem);position:relative;text-align:center;z-index:2}.timeline-content{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 8px #0000000a;flex:1 1;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.timeline-content:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.timeline-content h3{color:#1a1a1a;font-size:clamp(1.125rem,2.2vw,1.375rem);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:clamp(.5rem,1vw,.75rem)}.company{color:#f59e0b;font-size:clamp(.875rem,1.6vw,.95rem);font-weight:var(--font-weight-semibold);margin-bottom:clamp(.75rem,1.5vw,1rem);opacity:1}.timeline-content p:last-of-type{color:#4a4a4a;font-size:clamp(.875rem,1.6vw,.95rem);line-height:1.6;margin-bottom:clamp(1rem,2vw,1.5rem);opacity:.9}.timeline-tags{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.75rem)}.timeline-tags span{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#1a1a1a;font-size:clamp(.75rem,1.4vw,.875rem);font-weight:var(--font-weight-medium);padding:clamp(.375rem,.8vw,.5rem) clamp(.75rem,1.5vw,1rem);transition:all .3s ease}.timeline-tags span:hover{background:#f59e0b33;transform:translateY(-2px)}.skills-section{background:#0000;border-top:1px solid #3333331a;padding:clamp(4rem,8vh,6rem) 0}.skills-grid{grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.skill-category{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8);transition:all .3s ease}.skill-category:hover{background:#ffffff26;transform:translateY(-5px)}.category-header{align-items:center;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.category-icon{align-items:center;background:var(--color-accent);border-radius:var(--radius-xl);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.category-header h3{color:#333;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.skill-list{flex-wrap:wrap;gap:var(--spacing-3)}.skill-item{background:var(--color-primary-dark);border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);transition:all .3s ease}.skill-item:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:scale(1.05)}.cta-section{background:#0000;border-top:1px solid #3333331a;padding:clamp(4rem,8vh,6rem) 0 clamp(6rem,10vh,8rem)}.cta-wrapper{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.cta-actions{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);justify-content:flex-start;margin-top:clamp(2rem,4vw,3rem)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:1024px){.profile-card{max-width:300px}.profile-image{height:150px;width:150px}}@media screen and (max-width:768px){.container{padding:0 var(--spacing-4)}.hero-section{padding:var(--spacing-6) 0;padding-top:100px}.hero-content{flex-direction:column-reverse;gap:clamp(2rem,4vw,3rem);padding-left:var(--spacing-4);padding-right:var(--spacing-4);text-align:center}.hero-left,.hero-text{max-width:100%}.hero-text{align-items:center;display:flex;flex-direction:column}.hero-name,.hero-text,.portfolio-label{text-align:center}.hero-actions{justify-content:center}.hero-description,.hero-title,.title-decorators-bottom,.title-decorators-top{margin-left:auto;margin-right:auto}.hero-description{text-align:center}.logo-container{height:clamp(220px,55vw,280px);margin-bottom:2rem;margin-left:auto;margin-right:auto;width:clamp(220px,55vw,280px)}.logo-wrapper{border-radius:22px;height:80%;width:80%}.hero-title-container{gap:var(--spacing-2)}.photos-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.game-title{font-size:var(--font-size-xl)}.game-subtitle{font-size:var(--font-size-sm)}.guess-game-card{padding:var(--spacing-6)}.timeline{padding-left:var(--spacing-3)}.timeline-item{flex-direction:column;gap:var(--spacing-3)}.timeline-marker{min-width:100%;padding:var(--spacing-2) var(--spacing-4);text-align:left}.about-highlights,.skills-grid{grid-template-columns:1fr}.about-highlights{gap:var(--spacing-4)}.highlight-item{align-items:center;flex-direction:column;text-align:center}.highlight-icon{margin:0 auto}.cta-actions{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:300px;width:100%}}@media screen and (max-width:480px){.hero-section{padding-top:20px}.hero-content{gap:1.5rem;padding-left:1rem;padding-right:1rem}.hero-name{font-size:clamp(2rem,12vw,3rem);white-space:normal}.hero-description{font-size:.875rem;max-width:100%}.logo-container{height:clamp(180px,50vw,220px);width:clamp(180px,50vw,220px)}.logo-wrapper{border-radius:18px;height:75%;width:75%}.section-title{font-size:clamp(1.5rem,6vw,2rem)}.about-text{font-size:.9rem;line-height:1.6}.highlight-icon{height:clamp(120px,35vw,150px);width:clamp(120px,35vw,150px)}.timeline-content{padding:1rem}.profile-stats{flex-direction:column;gap:var(--spacing-2)}.guess-game-card{padding:var(--spacing-4)}.game-title{font-size:var(--font-size-lg)}.overlay-icon{font-size:2rem}.overlay-text,.success-text{font-size:var(--font-size-base)}}.rainbow-overlay{animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#667eea,#ffd89b 25%,#fff9c4 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:9999}.rainbow-animation-container,.rainbow-overlay{align-items:center;display:flex;justify-content:center}.rainbow-animation-container{height:100%;position:relative;width:100%}.skip-intro-btn{animation:pulse 2s infinite;background:#ffffffe6;border:3px solid #667eea;border-radius:var(--radius-full);bottom:var(--spacing-12);box-shadow:0 10px 30px #0000004d;color:#667eea;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);left:50%;padding:var(--spacing-4) var(--spacing-10);position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10000}.skip-intro-btn:hover{background:#667eea;box-shadow:0 15px 40px #667eea80;color:#fff;transform:translateX(-50%) scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 10px 30px #0000004d}50%{box-shadow:0 15px 40px #667eea99}}@media screen and (max-width:768px){.skip-intro-btn{bottom:var(--spacing-8);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-8)}}.projects-page{background:#f9f4f0;min-height:100vh;padding-bottom:clamp(4rem,8vh,6rem);padding-top:clamp(5rem,10vh,8rem)}.projects-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.section-header-academic{border-top:1px solid #3333331a;margin-top:clamp(4rem,8vh,6rem);padding-top:clamp(4rem,8vh,6rem)}.projects-list{display:flex;flex-direction:column;gap:clamp(1.5rem,3vh,2rem)}.project-item{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.project-item:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #0000001a}.project-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:clamp(.75rem,1.5vh,1rem)}.project-title{color:#1a1a1a;flex:1 1;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-weight-bold);margin:0;min-width:200px}.project-title,.project-year{font-family:var(--font-family-primary)}.project-year{background:#f59e0b1a;border-radius:20px;color:#f59e0b;font-size:clamp(.875rem,1.5vw,1rem);font-weight:var(--font-weight-medium);padding:.25rem .75rem;white-space:nowrap}.project-content{width:100%}.project-description{color:#4a4a4a;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin:0}.error,.loading,.project-description{font-family:var(--font-family-primary)}.error,.loading{align-items:center;color:#333;display:flex;font-size:clamp(1rem,2vw,1.25rem);justify-content:center;min-height:60vh}.error{color:#ea580c}@media screen and (max-width:768px){.projects-page{padding-top:clamp(4rem,8vh,6rem)}.section-header{margin-bottom:clamp(2rem,4vh,3rem)}.project-header{align-items:flex-start;flex-direction:column;gap:.5rem}.project-title{min-width:100%}.project-year{align-self:flex-start}}@media screen and (max-width:480px){.projects-page{padding-bottom:clamp(2rem,4vh,3rem);padding-top:clamp(3rem,6vh,5rem)}.projects-list{gap:1rem}.project-item{padding:1.25rem}}.skills-page{background:#f9f4f0;min-height:100vh;padding-bottom:clamp(4rem,8vh,6rem);padding-top:clamp(5rem,10vh,8rem)}.skills-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.skills-grid{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.skill-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.card-header{border-bottom:2px solid #f59e0b;margin-bottom:clamp(1rem,2vh,1.5rem);padding-bottom:clamp(.75rem,1.5vh,1rem)}.card-header h3{color:#1a1a1a;font-family:var(--font-family-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-weight-bold);margin:0}.skill-list{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vh,1rem);list-style:none;margin:0;padding:0}.skill-list li{align-items:center;color:#4a4a4a;display:flex;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);gap:.75rem;line-height:1.5;transition:transform .2s ease}.skill-list li:hover{transform:translateX(4px)}.skill-icon{align-items:center;border-radius:8px;color:#f59e0b;display:inline-flex;flex-shrink:0;font-size:clamp(1rem,2vw,1rem);height:clamp(28px,2vw,35px);justify-content:center;transition:all .2s ease;width:clamp(28px,2vw,35px)}.skill-list li:hover .skill-icon{background:#f59e0b33;transform:scale(1.1)}@media screen and (max-width:768px){.skills-page{padding-top:clamp(4rem,8vh,6rem)}.section-header{margin-bottom:clamp(2rem,4vh,3rem)}.skills-grid{gap:1.5rem;grid-template-columns:1fr}}@media screen and (max-width:480px){.skills-page{padding-bottom:clamp(2rem,4vh,3rem);padding-top:clamp(3rem,6vh,5rem)}.skill-card{padding:1.25rem}.skills-grid{gap:1rem}}.contact-page{background:#f9f4f0;min-height:100vh;padding-bottom:clamp(4rem,8vh,6rem);padding-top:clamp(5rem,10vh,8rem)}.contact-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.contact-content{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:1fr 1fr}.contact-form-card,.contact-info-card{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:clamp(1.5rem,3vw,2rem);transition:all .3s ease}.contact-form-card:hover,.contact-info-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #0000001a}.card-title{border-bottom:2px solid #f59e0b;margin:0 0 clamp(1rem,2vh,1.5rem);padding-bottom:clamp(.75rem,1.5vh,1rem)}.info-description{color:#4a4a4a;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin:0 0 clamp(1.5rem,3vh,2rem)}.contact-links{display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.25rem);list-style:none;margin:0;padding:0}.contact-links li{display:flex;transition:transform .2s ease}.contact-links li:hover{transform:translateX(4px)}.contact-links a{align-items:center;color:#333;display:flex;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);gap:.75rem;text-decoration:none;transition:color .2s ease;width:100%}.contact-links a:hover{color:#f59e0b}.link-icon{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:clamp(1.5rem,3vw,1.75rem);height:clamp(40px,6vw,48px);justify-content:center;transition:all .2s ease;width:clamp(40px,6vw,48px)}.contact-links a:hover .link-icon{background:#f59e0b33;transform:scale(1.1)}.link-text{flex:1 1;word-break:break-word}.contact-form{gap:clamp(1rem,2vh,1.5rem)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-family:var(--font-family-primary);font-size:clamp(.875rem,1.5vw,.95rem);font-weight:var(--font-weight-medium)}.form-group input,.form-group textarea{background:#f9f4f0;border:2px solid #3333331a;border-radius:8px;color:#333;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);padding:clamp(.75rem,1.5vw,1rem);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-items:center;background:#0000;border:2px solid #333;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);font-weight:var(--font-weight-medium);gap:.75rem;justify-content:center;margin-top:clamp(.5rem,1vh,1rem);padding:clamp(.875rem,1.75vw,1rem) clamp(1.5rem,3vw,2rem);transition:all .3s ease}.submit-button:hover{background:#333;box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button .button-icon{flex-shrink:0;height:20px;width:20px}@media screen and (max-width:768px){.contact-page{padding-top:clamp(4rem,8vh,6rem)}.section-header{margin-bottom:clamp(2rem,4vh,3rem)}.contact-content{gap:1.5rem;grid-template-columns:1fr}}@media screen and (max-width:480px){.contact-page{padding-bottom:clamp(2rem,4vh,3rem);padding-top:clamp(3rem,6vh,5rem)}.contact-form-card,.contact-info-card{padding:1.25rem}.contact-content{gap:1rem}.link-text{font-size:.875rem}}.not-found-page{align-items:center;background:#f9f4f0;display:flex;justify-content:center;min-height:100vh;padding:clamp(2rem,5vw,4rem)}.not-found-container{margin:0 auto;max-width:1000px;width:100%}.not-found-content{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:clamp(3rem,6vw,5rem);text-align:center}.error-label-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:clamp(1.5rem,3vw,2rem)}.error-line{background:#f59e0b;height:2px;width:clamp(40px,6vw,60px)}.error-badge{color:#6b7280;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.error-code{color:#1a1a1a;font-family:Georgia,Times New Roman,serif;font-size:clamp(6rem,15vw,10rem);line-height:1}.error-code,.error-title{font-weight:700;margin:0 0 clamp(1rem,2vw,1.5rem)}.error-title{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.error-description,.error-title{color:#333;font-family:Plus Jakarta Sans,sans-serif}.error-description{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.6;margin:0 auto clamp(2rem,4vw,3rem);max-width:600px}.btn-home{border-radius:12px;display:inline-block;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(.95rem,1.5vw,1rem);font-weight:600;padding:clamp(.75rem,1.5vw,1rem) clamp(2rem,4vw,3rem);text-decoration:none;transition:all .3s ease}.btn-home:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}@media screen and (max-width:768px){.not-found-page{padding:clamp(1rem,3vw,2rem)}.not-found-content{padding:clamp(2rem,5vw,3rem)}.error-code{margin-bottom:1rem}}.activities-page{background:#f9f4f0;min-height:100vh;padding-bottom:clamp(4rem,8vh,6rem);padding-top:clamp(5rem,10vh,8rem)}.activities-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.section-header{margin-bottom:clamp(3rem,6vh,5rem)}.section-title{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin:0 0 clamp(1rem,2vh,1.5rem)}.section-description{color:#4a4a4a;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin:0;max-width:700px}.activities-grid{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-card{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.activity-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #0000001a}.activity-image-wrapper{position:relative;width:100%}.activity-image,.activity-secondary-image{display:block;height:200px;object-fit:cover;width:100%}.activity-secondary-image{border-top:1px solid #33333314}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,1.5vh,1rem);padding:clamp(1.5rem,3vw,2rem)}.activity-title{color:#1a1a1a;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-weight-bold);line-height:1.3}.activity-description,.activity-title{font-family:var(--font-family-primary);margin:0}.activity-description{color:#4a4a4a;flex:1 1;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7}.activity-button{align-items:center;background:#0000;border:2px solid #333;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:.95rem;font-weight:var(--font-weight-medium);gap:.75rem;justify-content:space-between;margin-top:auto;padding:.75rem 1.25rem;transition:all .3s ease}.activity-button:hover{background:#333;color:#fff}.activity-button span{flex:1 1;text-align:left}@media screen and (max-width:768px){.activities-page{padding-top:clamp(4rem,8vh,6rem)}.section-header{margin-bottom:clamp(2rem,4vh,3rem)}.activities-grid{gap:1.5rem;grid-template-columns:1fr}.activity-image,.activity-secondary-image{height:180px}}@media screen and (max-width:480px){.activities-page{padding-bottom:clamp(2rem,4vh,3rem);padding-top:clamp(3rem,6vh,5rem)}.activities-grid{gap:1rem}.activity-content{padding:1.25rem}.activity-image,.activity-secondary-image{height:160px}}.lesson-page{background:#f9f4f0;min-height:100vh;padding-bottom:clamp(4rem,8vh,6rem);padding-top:clamp(5rem,10vh,8rem)}.lesson-container{margin:0 auto;max-width:1000px;padding:0 clamp(2rem,5vw,4rem)}.lesson-header{margin-bottom:clamp(4rem,8vh,6rem);text-align:center}.section-label-wrapper{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:clamp(1rem,2vh,1.5rem)}.section-line{background:#f59e0b;height:2px;width:clamp(40px,6vw,60px)}.section-badge{color:#6b7280;font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:1px;text-transform:uppercase}.lesson-title,.section-badge{font-family:var(--font-family-primary)}.lesson-title{color:#1a1a1a;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 clamp(1rem,2vh,1.5rem)}.lesson-subtitle{color:#4a4a4a;font-family:var(--font-family-primary);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;margin:0 auto;max-width:700px}.lesson-about{margin-bottom:clamp(4rem,8vh,6rem)}.section-title{color:#1a1a1a;font-family:var(--font-family-primary);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 clamp(2rem,4vh,3rem);text-align:center}.lesson-cards{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lesson-card{align-items:center;background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);text-align:center;transition:all .3s ease}.lesson-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.card-icon{align-items:center;background:#f59e0b1a;border-radius:50%;display:flex;font-size:clamp(2.5rem,5vw,3rem);height:clamp(70px,12vw,90px);justify-content:center;margin-bottom:clamp(1rem,2vh,1.5rem);transition:all .3s ease;width:clamp(70px,12vw,90px)}.lesson-card:hover .card-icon{background:#f59e0b33;transform:scale(1.1)}.card-title{color:#1a1a1a;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:var(--font-weight-bold);margin:0 0 clamp(.75rem,1.5vh,1rem)}.card-description,.card-title{font-family:var(--font-family-primary)}.card-description{color:#4a4a4a;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin:0}.lesson-pricing{margin-bottom:clamp(4rem,8vh,6rem)}.pricing-cards{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:700px}.pricing-card{background:#fff;border:2px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:clamp(2rem,4vw,2.5rem);position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{border-color:#f59e0b80;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.pricing-card.featured{background:linear-gradient(135deg,#f59e0b0d,#fff);border-color:#f59e0b}.featured-badge{background:#f59e0b;border-radius:20px;color:#fff;font-family:var(--font-family-primary);font-size:.75rem;font-weight:var(--font-weight-medium);left:50%;letter-spacing:.5px;padding:.25rem 1rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.pricing-title{color:#1a1a1a;font-size:clamp(1.25rem,2.5vw,1.5rem);margin:0 0 clamp(1rem,2vh,1.5rem)}.pricing-amount,.pricing-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.pricing-amount{color:#f59e0b;font-size:clamp(2.5rem,5vw,3rem);line-height:1;margin:clamp(1rem,2vh,1.5rem) 0}.pricing-period{color:#6b7280;font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-weight-medium)}.pricing-description{color:#4a4a4a;font-family:var(--font-family-primary);font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.6;margin:0}.lesson-cta{background:#fff;border:1px solid #33333314;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin:0 auto;max-width:700px;padding:clamp(2.5rem,5vw,3.5rem) clamp(2rem,4vw,3rem);text-align:center}.cta-content{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem)}.cta-title{color:#1a1a1a;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);line-height:1.3}.cta-description,.cta-title{font-family:var(--font-family-primary);margin:0}.cta-description{color:#4a4a4a;line-height:1.7;max-width:500px}.cta-button,.cta-description{font-size:clamp(1rem,2vw,1.15rem)}.cta-button{align-items:center;background:#0000;border:2px solid #333;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:.75rem;justify-content:center;margin-top:clamp(.5rem,1vh,1rem);padding:clamp(.875rem,1.75vw,1rem) clamp(1.75rem,3.5vw,2.5rem);transition:all .3s ease}.cta-button:hover{background:#333;box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.button-icon{flex-shrink:0;height:20px;width:20px}@media screen and (max-width:768px){.lesson-page{padding-top:clamp(4rem,8vh,6rem)}.lesson-header{margin-bottom:clamp(3rem,6vh,4rem)}.lesson-cards,.pricing-cards{gap:1.5rem;grid-template-columns:1fr}.section-title{margin-bottom:clamp(1.5rem,3vh,2rem)}}@media screen and (max-width:480px){.lesson-page{padding-bottom:clamp(2rem,4vh,3rem);padding-top:clamp(3rem,6vh,5rem)}.lesson-card,.pricing-card{padding:1.25rem}.lesson-cta{padding:2rem 1.5rem}}
/*# sourceMappingURL=main.9b045338.css.map*/