:root{--bg-primary: #faf8ff;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, 1);--bg-glass: rgba(255, 255, 255, .6);--bg-sidebar: rgba(255, 255, 255, .9);--bg-nav: rgba(250, 248, 255, .85);--text-primary: #211c30;--text-secondary: #574e70;--text-muted: #8c82a6;--text-inverse: #ffffff;--accent: #8b5cf6;--accent-light: #ddd6fe;--accent-dark: #6d28d9;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f43f5e 100%);--accent-glow: 0 8px 32px rgba(139, 92, 246, .25);--accent-glow-hover: 0 12px 40px rgba(139, 92, 246, .4);--gold: #f59e0b;--gold-gradient: linear-gradient(135deg, #f59e0b 0%, #fef08a 100%);--border: rgba(139, 92, 246, .08);--shadow-sm: 0 4px 12px rgba(139, 92, 246, .03);--shadow-md: 0 8px 24px rgba(139, 92, 246, .06);--shadow-lg: 0 16px 40px rgba(139, 92, 246, .1);--shadow-xl: 0 24px 60px rgba(139, 92, 246, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 50%;--sidebar-width: 320px;--nav-height: 70px;--mobile-nav-height: 72px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-script: "Dancing Script", cursive;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0b0914;--bg-secondary: #131024;--bg-card: rgba(19, 16, 36, .85);--bg-card-hover: rgba(27, 23, 51, 1);--bg-glass: rgba(19, 16, 36, .6);--bg-sidebar: rgba(11, 9, 20, .95);--bg-nav: rgba(11, 9, 20, .85);--text-primary: #f1ecf9;--text-secondary: #aba3ca;--text-muted: #6e6490;--text-inverse: #0b0914;--border: rgba(139, 92, 246, .12);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:100;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.sidebar-inner{display:flex;flex-direction:column;align-items:center;gap:28px;padding:36px 24px;width:100%}.sidebar-logo{width:70px;height:70px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--accent-glow);animation:float 4s ease-in-out infinite}.logo-text{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:2px}.sidebar-photo-collage{display:flex;gap:12px;width:100%;justify-content:center;padding:10px 0}.side-img-container{width:100px;height:150px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.side-img-container:nth-child(1){transform:rotate(-4deg)}.side-img-container:nth-child(2){transform:rotate(4deg);margin-top:10px}.side-img-container:hover{transform:translateY(-8px) scale(1.08) rotate(0);box-shadow:var(--shadow-lg);z-index:5}.side-img-container img{width:100%;height:100%;object-fit:cover;object-position:top center}.sidebar-socials{display:flex;gap:16px}.sidebar-socials a{width:46px;height:46px;border-radius:var(--radius-full);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.25rem;transition:all var(--transition-fast);background:var(--bg-card)}.sidebar-socials a:hover{background:var(--accent-gradient);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:var(--accent-glow)}.sidebar-cta{display:block;width:100%;max-width:240px;padding:14px 24px;background:var(--accent-gradient);color:#fff!important;text-align:center;border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;letter-spacing:.5px;transition:all var(--transition-fast);box-shadow:var(--accent-glow)}.sidebar-cta:hover{transform:translateY(-3px);box-shadow:var(--accent-glow-hover)}.mobile-nav{display:none}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.top-nav{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--bg-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition-base)}.top-nav-links{display:flex;gap:8px;background:var(--bg-card);border-radius:var(--radius-xl);padding:4px;border:1px solid var(--border)}.nav-link{padding:10px 26px;border-radius:var(--radius-xl);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);letter-spacing:.3px}.nav-link:hover{color:var(--text-primary);background:var(--bg-glass)}.nav-link.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.theme-toggle{position:absolute;right:32px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--accent-gradient);color:#fff;border-color:transparent}.section{padding:90px 48px}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:6px 20px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-xl);font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;box-shadow:var(--shadow-sm)}.section-title{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--text-primary);margin-bottom:14px;line-height:1.2}.section-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:600px;margin:0 auto}.section-home{display:flex;align-items:center;gap:48px;min-height:calc(100vh - var(--nav-height));padding-top:40px;padding-bottom:40px}.home-content{flex:1.1}.home-greeting{display:flex;align-items:center;gap:12px;margin-bottom:14px}.greeting-line{width:44px;height:2px;background:var(--accent);border-radius:2px}.greeting-text{font-size:1.05rem;font-weight:600;color:var(--accent);letter-spacing:1px;text-transform:uppercase}.home-name{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1.15;margin-bottom:16px}.name-first{display:block;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-last{display:block;color:var(--text-primary)}.home-tagline{font-size:1.25rem;color:var(--text-secondary);margin-bottom:38px;font-weight:400}.home-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:38px}.feature-item{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-fast)}.feature-item:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;flex-shrink:0}.feature-text h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.feature-text p{font-size:.85rem;color:var(--text-muted)}.home-cta-row{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-xl);font-weight:600;font-size:1rem;letter-spacing:.5px;transition:all var(--transition-fast);box-shadow:var(--accent-glow);border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--accent-glow-hover);color:#fff}.btn-primary i{transition:transform var(--transition-fast)}.btn-primary:hover i{transform:translate(5px)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-xl);font-weight:600;font-size:1rem;letter-spacing:.5px;border:1px solid var(--border);transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.home-hero-images{flex:0 0 460px;display:flex;gap:20px;position:relative;height:480px;align-items:center}.sister-card{flex:1;height:400px;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--border);box-shadow:var(--shadow-lg);position:relative;transition:all var(--transition-slow)}.sister-card.beste{transform:translateY(-20px)}.sister-card.beril{transform:translateY(20px)}.sister-card:hover{transform:translateY(0) scale(1.05);box-shadow:var(--shadow-xl);z-index:10;border-color:var(--accent)}.sister-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow)}.sister-info-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(19,16,36,.95) 0%,rgba(19,16,36,.7) 70%,transparent 100%);padding:24px 16px 16px;text-align:center;color:#fff;transform:translateY(10px);transition:transform var(--transition-base)}.sister-card:hover .sister-info-badge{transform:translateY(0)}.sister-name{display:block;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:2px}.sister-mini-stats{font-size:.8rem;color:#fffc;display:flex;justify-content:center;gap:8px}.skills-marquee{overflow:hidden;padding:24px 0;background:var(--accent-gradient);position:relative}.marquee-track{display:flex;gap:48px;animation:marquee 30s linear infinite;width:max-content}.marquee-item{font-size:1.1rem;font-weight:600;color:#fffffff2;white-space:nowrap;letter-spacing:.5px}.about-tabs-container{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.tab-btn{padding:14px 28px;border-radius:var(--radius-xl);font-size:1.05rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition-fast);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.tab-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.tab-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--accent-glow)}.about-content{display:flex;gap:56px;align-items:flex-start}.about-image{flex:0 0 360px}.about-image-frame{width:360px;height:460px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:3px solid var(--border);position:relative;background:var(--bg-card)}.about-image-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow)}.about-text{flex:1}.about-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.about-stat{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);font-size:.95rem;color:var(--text-secondary)}.about-stat i{color:var(--accent)}.about-intro{font-size:1.2rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.8}.about-tags-section{margin-bottom:20px}.about-tags-section h4{font-family:var(--font-display);font-size:1.2rem;margin-bottom:12px;color:var(--text-primary)}.about-tags-grid{display:flex;flex-wrap:wrap;gap:10px}.about-tag{padding:8px 16px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:8px;border:1px solid var(--border)}.skill-tag{background:#8b5cf60f;color:var(--accent-dark)}[data-theme=dark] .skill-tag{background:#8b5cf626;color:var(--accent-light)}.exp-tag{background:#ec48990f;color:#db2777;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}[data-theme=dark] .exp-tag{background:#ec489926;color:#fbcfe8}.about-tag i{font-size:.85rem}.section-portfolio{background:var(--bg-secondary)}.gallery-filters{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:8px 20px;border-radius:var(--radius-xl);font-size:.9rem;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);transition:all var(--transition-fast)}.filter-btn:hover{color:var(--accent);border-color:var(--accent)}.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--accent-glow)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:3/4;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border)}.gallery-item-large{grid-row:span 2}.gallery-item-wide{grid-column:span 2;aspect-ratio:16/10}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.06)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(19,16,36,.85) 0%,rgba(19,16,36,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity var(--transition-base)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-category{display:inline-block;padding:4px 14px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-xl);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;width:fit-content;box-shadow:var(--shadow-sm)}.gallery-overlay h3{color:#fff;font-family:var(--font-display);font-size:1.25rem;font-weight:600}.section-contact{background:var(--bg-primary)}.contact-content{display:flex;gap:48px;align-items:flex-start}.contact-cards{flex:0 0 340px;display:flex;flex-direction:column;gap:20px}.contact-card{padding:28px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:all var(--transition-fast)}.contact-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-card-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;margin:0 auto 16px;box-shadow:var(--accent-glow)}.contact-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.contact-card p,.contact-card a{color:var(--text-secondary);font-size:.95rem}.contact-card a:hover{color:var(--accent)}.contact-form-wrapper{flex:1}.contact-form{display:flex;flex-direction:column;gap:18px}.form-group input,.form-group textarea{width:100%;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-fast);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf626}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.btn-submit{align-self:flex-start;width:100%}.footer{text-align:center;padding-top:60px;color:var(--text-muted);font-size:.88rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0914f2;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{max-width:85vw;max-height:85vh}.lightbox-content img{max-width:100%;max-height:85vh;border-radius:var(--radius-md);object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;width:52px;height:52px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-close{top:24px;right:24px}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--accent-gradient);border-color:transparent;box-shadow:var(--accent-glow)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1150px){.section-home{flex-direction:column;text-align:center;gap:40px;padding-top:20px}.home-greeting{justify-content:center}.home-features{max-width:550px;margin-left:auto;margin-right:auto}.home-cta-row{justify-content:center}.home-hero-images{flex:none;width:100%;max-width:500px;margin:0 auto;height:auto;justify-content:center}.sister-card.beste,.sister-card.beril{transform:translateY(0)}.about-content{flex-direction:column;align-items:center;gap:40px}.about-image{flex:none;width:100%;max-width:360px}.contact-content{flex-direction:column}.contact-cards{flex:none;flex-direction:row;width:100%;flex-wrap:wrap}.contact-card{flex:1 1 200px}}@media (max-width: 768px){:root{--sidebar-width: 0}html{font-size:15px}.sidebar{display:none}.main-content{margin-left:0;padding-bottom:var(--mobile-nav-height)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.65rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.mobile-nav-item i{font-size:1.2rem}.mobile-nav-item.active{color:var(--accent)}.theme-toggle-mobile{color:var(--text-muted)}.top-nav{padding:10px 16px}.top-nav-links{gap:2px;padding:3px}.nav-link{padding:8px 14px;font-size:.8rem}.theme-toggle{display:none}.section{padding:60px 20px}.section-title{font-size:2rem}.section-subtitle{font-size:.95rem}.home-name{font-size:2.8rem}.home-tagline{font-size:1.1rem;margin-bottom:24px}.home-features{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.feature-item{padding:14px}.home-hero-images{height:auto;gap:16px}.sister-card{height:280px}.sister-name{font-size:1rem}.sister-mini-stats{font-size:.75rem}.home-cta-row{flex-direction:column;align-items:center;width:100%}.btn-primary,.btn-secondary{width:100%;max-width:340px;justify-content:center;padding:14px 28px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}.gallery-item-large{grid-row:span 1}.gallery-item-wide{grid-column:span 2;aspect-ratio:4/3}.gallery-overlay{opacity:1;background:linear-gradient(to top,rgba(19,16,36,.75) 0%,transparent 60%);padding:16px}.gallery-category{font-size:.65rem;padding:2px 10px}.gallery-overlay h3{font-size:1rem}.about-image-frame{width:100%;height:380px}.about-image{width:100%}.about-intro{font-size:1.05rem}.contact-cards{flex-direction:column}.contact-card{padding:22px}}@media (max-width: 480px){.home-name{font-size:2.2rem}.home-hero-images{flex-direction:column;align-items:center}.sister-card{width:100%;max-width:280px;height:320px}.gallery-grid{grid-template-columns:1fr}.gallery-item-wide{grid-column:span 1;aspect-ratio:3/4}.nav-link{padding:6px 10px;font-size:.75rem}.about-tabs-container{flex-direction:column;align-items:stretch}.tab-btn{justify-content:center}}