@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";:root{--hero-background: linear-gradient(135deg, #0b0b0d 0%, #1c1c1e 100%);--hero-text-color: #ffffff;--hero-accent-color: #9b5de5;--hero-button-bg: #9b5de5;--hero-button-text: #ffffff;--hero-button-hover-bg: #7a48b7;--hero-image-bg: rgba(255, 255, 255, .1);--hero-image-shadow: rgba(0, 0, 0, .1);--hero-highlight: rgba(255, 255, 255, .8);--transition-duration: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}body.light-mode{--hero-background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);--hero-text-color: #333333;--hero-accent-color: #007acc;--hero-button-bg: #007acc;--hero-button-text: #ffffff;--hero-button-hover-bg: #005a99;--hero-image-bg: rgba(0, 0, 0, .05);--hero-image-shadow: rgba(0, 0, 0, .1);--hero-highlight: rgba(0, 0, 0, .7)}.hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--hero-background);padding:100px 50px;color:var(--hero-text-color);overflow:hidden;transition:background var(--transition-duration) var(--transition-easing)}.hero-content{margin-left:5vw;max-width:600px}.hero-title{font-size:3em;font-weight:700;line-height:1.2;margin:0;color:var(--hero-text-color)}.hero-title span{color:var(--hero-accent-color)}.hero-subtitle{font-size:1.2em;margin:20px 0 40px;color:var(--hero-highlight)}.hero-buttons{display:flex;gap:20px}.hero-button{display:inline-block;padding:15px 30px;background-color:var(--hero-button-bg);color:var(--hero-button-text);text-decoration:none;font-size:1em;font-weight:600;border-radius:5px;transition:background-color var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.hero-button:hover{background-color:var(--hero-button-hover-bg);transform:translateY(-5px)}.secondary-button{background-color:transparent;border:2px solid var(--hero-accent-color);color:var(--hero-accent-color)}.secondary-button:hover{background-color:var(--hero-button-hover-bg);color:var(--hero-button-text)}.hero-image-container{flex:1;display:flex;justify-content:center;align-items:center}.hero-image{max-width:60%;height:auto;animation:floatImage 6s ease-in-out infinite;border-radius:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--hero-image-bg);box-shadow:0 4px 30px var(--hero-image-shadow);position:relative;overflow:hidden;transition:background var(--transition-duration) var(--transition-easing)}.hero-image:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff3,#ffffff80);transform:skew(-25deg);transition:left .5s ease-in-out}.hero-image:hover:before{left:125%}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width: 1024px){.hero{flex-direction:column;text-align:center;padding:80px 30px}.hero-content{margin-left:0;max-width:100%}.hero-image-container{margin-top:50px}.hero-image{max-width:80%}}@media (max-width: 768px){.hero{padding:2.5rem 1.5rem;text-align:center}.hero-content{margin:0;max-width:100%}.hero-title{font-size:2rem;margin-bottom:.8rem}.hero-subtitle{font-size:1rem;margin:0 1rem 1.8rem;line-height:1.4}.hero-buttons{flex-direction:column;gap:1rem;align-items:center;justify-content:center;margin-bottom:2rem}.hero-button{width:80%;max-width:300px;padding:.9rem 1rem;font-size:1rem;text-align:center}.hero-image-container{margin-top:1.5rem}.hero-image{max-width:75%}}@media (max-width: 480px){.hero{padding:2rem 1rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem;margin:0 .5rem 1.5rem}.hero-button{width:90%;font-size:.95rem;padding:.8rem}.hero-image{max-width:80%}}.brand-story{background-color:var(--hero-background);color:var(--hero-text-color);padding:60px 40px;text-align:center;transition:background var(--transition-duration) var(--transition-easing)}.brand-story-content{max-width:800px;margin:0 auto}.brand-story-title{font-size:2em;margin-bottom:20px;color:var(--hero-accent-color)}.brand-story-text{font-size:1.1em;line-height:1.6;margin-bottom:20px;color:var(--hero-highlight)}.brand-story-text strong{color:var(--hero-accent-color)}:root{--project-background: #0b0b0d;--project-card-bg: rgba(255, 255, 255, .1);--project-text-color: #ffffff;--project-accent-color: #9b5de5;--project-card-shadow: rgba(0, 0, 0, .5);--project-highlight-text: rgba(255, 255, 255, .8);--transition-duration: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--backdrop-blur: blur(10px)}body.light-mode{--project-background: #f5f5f5;--project-card-bg: rgba(0, 0, 0, .05);--project-text-color: #333333;--project-accent-color: #007acc;--project-card-shadow: rgba(0, 0, 0, .15);--project-highlight-text: rgba(0, 0, 0, .7)}.projects{padding:80px 50px;background-color:var(--project-background);color:var(--project-text-color);text-align:center}.projects-title{font-size:2.5em;margin-bottom:20px}.projects-subtitle{font-size:1.2em;margin-bottom:60px;color:var(--project-highlight-text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:100vw;margin:0 auto}.project-card-3d{position:relative;display:flex;flex-direction:column;background:var(--project-card-bg);border-radius:15px;box-shadow:0 8px 20px var(--project-card-shadow);overflow:hidden;text-decoration:none;color:inherit;transform-style:preserve-3d;will-change:transform;height:600px}.project-glare{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:glareColorChange 5s linear infinite alternate}.glare1{background:radial-gradient(circle at var(--glare1-x, 50%) var(--glare1-y, 50%),rgba(255,255,255,.3),transparent 60%)}.glare2{background:radial-gradient(circle at var(--glare2-x, 50%) var(--glare2-y, 50%),rgba(255,255,255,.15),transparent 40%)}@keyframes glareColorChange{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(160deg)}}.project-image{width:100%;height:400px;object-fit:cover;flex-shrink:0;display:block;margin:0;padding:0;transition:transform .4s var(--transition-easing)}.project-card-3d:hover .project-image{transform:scale(1.03)}.project-content{position:relative;z-index:2;padding:20px;flex:1}.project-title{font-size:1.6em;margin-bottom:10px;color:var(--project-accent-color);transition:color var(--transition-duration) var(--transition-easing)}.project-card-3d:hover .project-title{color:var(--project-text-color)}.project-description{font-size:1em;color:var(--project-highlight-text);line-height:1.5}@media (max-width: 768px){.projects{padding:60px 20px}.projects-title{font-size:2em}.projects-subtitle{font-size:1em;margin-bottom:40px}.project-card-3d{height:520px}.project-image{height:360px}}@media (max-width: 480px){.projects{padding:40px 20px}.projects-title{font-size:1.8em}.projects-subtitle{font-size:.9em}.project-card-3d{height:480px}.project-image{height:320px}}.short-rabbit-way{position:relative;padding:60px 30px;background:var(--hero-background);color:var(--hero-text-color);text-align:center;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background var(--transition-duration) var(--transition-easing)}.short-rabbit-way-title{font-size:2em;margin-bottom:15px;color:var(--hero-accent-color)}.short-rabbit-way-intro{font-size:1.2em;line-height:1.6;margin:0 auto 25px;max-width:700px;color:var(--hero-highlight)}.short-rabbit-way-list{list-style:none;margin:0 auto 30px;padding:0;max-width:700px;text-align:left}.short-rabbit-way-list li{margin-bottom:18px;font-size:1.05em;color:var(--hero-highlight);line-height:1.4}.short-rabbit-way-list li strong{color:var(--hero-accent-color)}.short-rabbit-way-outro{font-size:1.1em;color:var(--hero-highlight);max-width:700px;margin:0 auto;line-height:1.6}.short-rabbit-way-link{display:inline-block;margin-left:6px;color:var(--hero-accent-color);text-decoration:underline;font-weight:600}.short-rabbit-way-link:hover{text-decoration:none;color:var(--hero-button-hover-bg)}@media (max-width: 768px){.short-rabbit-way{padding:40px 20px}.short-rabbit-way-title{font-size:1.8em}.short-rabbit-way-list{margin-bottom:20px}}@media (max-width: 480px){.short-rabbit-way{padding:30px 20px}.short-rabbit-way-title{font-size:1.5em}.short-rabbit-way-intro{font-size:1em}.short-rabbit-way-list li{font-size:.95em}}:root{--about-background: var(--background-color);--about-text-color: var(--text-color);--about-accent-color: var(--accent-color);--about-secondary-text-color: var(--secondary-text-color);--about-section-bg: rgba(255, 255, 255, .01);--about-skill-bg: rgba(255, 255, 255, .1);--about-button-hover-bg: #7a48b7;--transition-duration: .3s;--transition-easing: ease}body.light-mode{--about-background: #fefefe;--about-text-color: #333333;--about-accent-color: #007acc;--about-secondary-text-color: rgba(0, 0, 0, .7);--about-section-bg: rgba(0, 0, 0, .05);--about-skill-bg: rgba(0, 0, 0, .1);--about-button-hover-bg: #005a99}.about{background-color:var(--about-background);color:var(--about-text-color);padding:80px 50px}.about-section{max-width:1200px;margin:0 auto 80px}.about-section:nth-child(odd){background:var(--about-section-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;padding:80px 50px;box-shadow:0 4px 6px #00000003}.about-title{font-size:2.5em;margin-bottom:20px;color:var(--about-accent-color);text-align:center}.about-description{font-size:1.2em;margin-bottom:20px;color:var(--about-secondary-text-color);line-height:1.6;text-align:center}.about-description span{color:var(--about-accent-color)}.about-content{display:flex;align-items:center;margin-top:50px}.about-image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}.about-image{width:300px;height:300px;border-radius:50%;object-fit:cover;border:5px solid var(--about-accent-color);transition:transform var(--transition-duration) var(--transition-easing)}.about-image:hover{transform:scale(1.05)}.about-text{flex:2;margin-left:50px}.skills{margin-bottom:30px}.skills-title{font-size:1.8em;margin-bottom:15px;color:var(--about-accent-color)}.skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap}.skills-list li{background-color:var(--about-skill-bg);padding:10px 15px;margin:5px;border-radius:5px;font-size:1em;display:flex;align-items:center;gap:10px}.about-button{display:inline-block;padding:15px 30px;background-color:var(--about-accent-color);color:#fff;text-decoration:none;font-size:1em;border-radius:5px;transition:background-color var(--transition-duration) var(--transition-easing)}.about-button:hover{background-color:var(--about-button-hover-bg)}@media (max-width: 1024px){.about-content{flex-direction:column;text-align:center}.about-text{margin-left:0;margin-top:30px}.about-image{width:250px;height:250px}}@media (max-width: 768px){.about{padding:60px 30px}.about-title{font-size:2em}.about-description{font-size:1em}.skills-title{font-size:1.5em}}@media (max-width: 480px){.about{padding:40px 20px}.about-title{font-size:1.8em}.about-description{font-size:.9em}.skills-title{font-size:1.3em}}:root{--portfolio-background: var(--background-color);--portfolio-text-color: var(--text-color);--portfolio-title-color: var(--text-color);--portfolio-subtitle-color: rgba(255, 255, 255, .8);--transition-duration: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1)}body.light-mode{--portfolio-background: #fefefe;--portfolio-text-color: #333333;--portfolio-title-color: #333333;--portfolio-subtitle-color: rgba(0, 0, 0, .7)}.portfolio-page{background-color:var(--portfolio-background);color:var(--portfolio-text-color);padding:80px 50px;min-height:100vh}.portfolio-header{text-align:center;margin-bottom:60px}.portfolio-title{font-size:2.5em;margin-bottom:20px;color:var(--portfolio-title-color)}.portfolio-subtitle{font-size:1.2em;color:var(--portfolio-subtitle-color)}.portfolio-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.portfolio-page{padding:60px 30px}.portfolio-title{font-size:2em}.portfolio-subtitle{font-size:1em}}@media (max-width: 480px){.portfolio-page{padding:40px 20px}.portfolio-title{font-size:1.8em}.portfolio-subtitle{font-size:.9em}}body.dark-mode{--detail-overlay-bg: rgba(11, 11, 13, .95);--detail-bg: #1c1c1e;--detail-text: #ffffff;--detail-accent: #9b5de5;--detail-description: rgba(255, 255, 255, .8);--detail-list-bg: rgba(255, 255, 255, .1);--detail-link-bg: #9b5de5;--detail-link-text: #ffffff;--detail-link-hover: #7a48b7}body.light-mode{--detail-overlay-bg: rgba(245, 245, 245, .95);--detail-bg: #ffffff;--detail-text: #333333;--detail-accent: #007acc;--detail-description: rgba(0, 0, 0, .7);--detail-list-bg: rgba(0, 0, 0, .05);--detail-link-bg: #007acc;--detail-link-text: #ffffff;--detail-link-hover: #005a99}.project-detail-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--detail-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px;overflow-x:hidden}.project-detail-container{position:relative;background:var(--detail-bg);border-radius:16px;box-shadow:0 10px 30px #00000080;max-width:800px;width:90%;max-height:85vh;margin-bottom:20px;overflow-y:auto;color:var(--detail-text);padding-bottom:30px;border:3px solid transparent;background-clip:padding-box;animation:shimmer 2s infinite}@keyframes shimmer{0%{border-color:var(--detail-accent)}50%{border-color:var(--detail-link-hover)}to{border-color:var(--detail-accent)}}.project-detail-container{scrollbar-width:none;-ms-overflow-style:none}.project-detail-container::-webkit-scrollbar{width:0px;background:transparent}.project-detail-container:hover::-webkit-scrollbar{width:8px}.project-detail-container:hover{scrollbar-width:thin}.project-detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--detail-accent);padding:20px 30px 10px;margin-bottom:20px}.project-detail-title{font-size:2.2em;font-weight:700;color:var(--detail-accent);margin:0}.close-button{background:transparent;border:none;color:var(--detail-text);cursor:pointer;transition:transform .3s ease}.close-button:hover{transform:scale(1.2)}.project-detail-body{padding:0 30px;font-size:1.1em;line-height:1.6}.project-detail-description{margin-bottom:20px;color:var(--detail-description);font-style:italic}.project-detail-images{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%}.project-detail-image{width:100%;border-radius:10px;cursor:pointer;object-fit:cover;transition:transform .4s ease,filter .4s ease}.project-detail-section{margin-bottom:20px}.project-detail-section h3{font-size:1.4em;margin-bottom:10px;color:var(--detail-accent)}.project-detail-list{list-style:disc;list-style-position:inside;margin:0 0 20px 20px;background:var(--detail-list-bg);border-radius:8px;padding:15px 10px}.project-detail-list li{margin-bottom:8px;padding:4px 0}.project-detail-links{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.project-detail-link{display:inline-flex;align-items:center;background:var(--detail-link-bg);color:var(--detail-link-text);padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;transition:background .3s ease,transform .3s ease}.project-detail-link:hover{background:var(--detail-link-hover);transform:translateY(-3px)}.project-detail-link svg{margin-left:8px;transition:transform .3s ease}.project-detail-link:hover svg{transform:translate(4px)}@media (max-width: 768px){.project-detail-container{width:95%;max-width:95%}.project-detail-header{margin:0 20px 15px;padding:15px 0 8px}.project-detail-title{font-size:1.8em}.project-detail-body{padding:0 20px}.project-detail-list{margin-left:10px}}@media (max-width: 480px){.project-detail-title{font-size:1.6em}.project-detail-container{border-radius:10px;width:100%;margin:0 10px}}:root{--detailed-card-bg: #1c1c1e;--detailed-text-color: var(--text-color);--detailed-accent-color: var(--accent-color);--detailed-secondary-text-color: rgba(255, 255, 255, .8);--detailed-card-hover-shadow: rgba(0, 0, 0, .5);--detailed-skill-bg: rgba(255, 255, 255, .1);--detailed-button-hover-bg: #7a48b7;--overlay-bg: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));--transition-duration: .3s;--transition-easing: ease}body.light-mode{--detailed-card-bg: #ffffff;--detailed-text-color: #333333;--detailed-accent-color: #007acc;--detailed-secondary-text-color: rgba(0, 0, 0, .7);--detailed-card-hover-shadow: rgba(0, 0, 0, .2);--detailed-skill-bg: rgba(0, 0, 0, .05);--detailed-button-hover-bg: #005a99;--overlay-bg: linear-gradient(180deg, transparent, rgba(0, 0, 0, .2))}.detailed-project-card{background:var(--detailed-card-bg);border-radius:15px;overflow:hidden;color:var(--detailed-text-color);margin-bottom:60px;transition:transform var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)}.detailed-project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px var(--detailed-card-hover-shadow)}.project-image-wrapper{position:relative;overflow:hidden;cursor:pointer}.project-image{width:100%;display:block;transition:transform var(--transition-duration) var(--transition-easing)}.project-image-wrapper:hover .project-image{transform:scale(1.05)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);display:flex;justify-content:flex-end;align-items:flex-end;opacity:0;transition:opacity var(--transition-duration) var(--transition-easing)}.project-image-wrapper:hover .overlay{opacity:1}.view-details-button{background-color:var(--detailed-accent-color);color:#fff;padding:12px 20px;margin:20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color var(--transition-duration) var(--transition-easing)}.view-details-button:hover{background-color:var(--detailed-button-hover-bg)}.project-details{padding:20px}.project-title{font-size:1.8em;margin-bottom:10px;color:var(--detailed-accent-color)}.project-description{font-size:1em;margin-bottom:20px;color:var(--detailed-secondary-text-color)}.project-technologies{list-style:none;padding:0;margin-bottom:20px;display:flex;flex-wrap:wrap}.project-technologies li{background-color:var(--detailed-skill-bg);margin:5px;padding:8px 12px;border-radius:5px;font-size:.9em}.project-links{display:flex;gap:20px}.project-link{display:flex;align-items:center;color:var(--detailed-text-color);text-decoration:none;font-size:1em;transition:color var(--transition-duration) var(--transition-easing)}.project-link:hover{color:var(--detailed-accent-color)}.project-link svg{margin-left:8px}@media (max-width: 768px){.project-title{font-size:1.6em}.project-description{font-size:.9em}.project-links{flex-direction:column}}.rabbit-way-page{width:100%;min-height:100vh;background:var(--hero-background);color:var(--hero-text-color);overflow:hidden}.rabbit-way-hero{position:relative;padding:100px 20px 60px;text-align:center;background:var(--hero-background)}.rabbit-way-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.rabbit-way-hero-title{font-size:3em;margin-bottom:20px;color:var(--hero-accent-color)}.rabbit-way-hero-subtitle{font-size:1.4em;margin-bottom:20px;color:var(--hero-highlight)}.rabbit-way-hero-text{font-size:1.1em;margin:0 auto;line-height:1.6;max-width:700px;color:var(--hero-text-color);background:#ffffff0d;padding:15px;border-radius:8px}.rabbit-way-guidelines{background:var(--project-background);padding:60px 20px 80px;text-align:center;transition:background var(--transition-duration) var(--transition-easing)}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;list-style:none;padding:0}.guideline-card{position:relative;width:100%;height:340px;background:var(--project-card-bg);box-shadow:0 8px 20px var(--project-card-shadow);border-radius:20px;overflow:hidden;transform-style:preserve-3d;will-change:transform;--glare-x: -50%;--glare-y: -50%;transition:transform .2s ease,box-shadow .2s ease}.guideline-card-content{position:relative;padding:30px;text-align:left;z-index:2;transform:translateZ(30px);height:100%;display:flex;flex-direction:column;justify-content:center}.guideline-title{font-size:1.6em;margin-bottom:10px;color:var(--hero-accent-color)}.guideline-text{font-size:1.05em;line-height:1.6;color:var(--project-highlight-text)}.guideline-glare{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at var(--glare-x) var(--glare-y),rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 60%);transition:background .1s;z-index:1}.guideline-card:hover{box-shadow:0 15px 30px var(--project-card-shadow)}.rabbit-way-cta{padding:60px 20px;text-align:center;background:var(--hero-background);transition:background var(--transition-duration) var(--transition-easing)}.rabbit-way-cta-title{font-size:2em;margin-bottom:20px;color:var(--hero-accent-color)}.rabbit-way-cta p{font-size:1.1em;max-width:700px;margin:0 auto;color:var(--hero-highlight);line-height:1.6}.rabbit-way-cta-link{color:var(--hero-accent-color);margin-left:5px;font-weight:600;text-decoration:none}.rabbit-way-cta-link:hover{text-decoration:underline}@media (max-width: 768px){.rabbit-way-hero-title{font-size:2.2em}.rabbit-way-hero-subtitle{font-size:1.2em}.guideline-card{height:300px}}@media (max-width: 480px){.rabbit-way-hero-title{font-size:1.8em}.guideline-card{height:260px}}:root{--text-color: #ffffff;--background-color: #0b0b0d;--accent-color: #9b5de5;--button-background: #1f1f23;--button-hover-background: #29292e;--border-color: #3d3d45;--header-background: rgba(11, 11, 13, .85);--glow-color: #9b5de5;--switch-light: #f39c12;--switch-dark: #34495e;--highlight-color: #ff9f43;--shadow-color: rgba(0, 0, 0, .2);--transition-duration: .4s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--dark-mode-hover-light: #f1c40f;--dark-mode-hover-dark: #2c3e50;--drawer-background: linear-gradient( 115deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 40% ), rgba(0, 0, 0, .65)}body.light-mode{--text-color: #333333;--background-color: #fefefe;--accent-color: #007acc;--button-background: #e0e0e0;--button-hover-background: #d0d0d0;--border-color: #cccccc;--header-background: rgba(255, 255, 255, .85);--glow-color: #f39c12;--switch-light: #f39c12;--switch-dark: #193954;--highlight-color: #f39c12;--shadow-color: rgba(0, 0, 0, .1);--dark-mode-hover-light: #f38212;--dark-mode-hover-dark: #383838;--drawer-background: linear-gradient( 115deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 40% ), rgba(255, 255, 255, .65)}body{margin:0;padding:0;font-family:Montserrat,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-duration) var(--transition-easing)}.header{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-background);position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px var(--shadow-color);transition:all var(--transition-duration) var(--transition-easing)}.logo{display:flex;align-items:center}.logo a{display:flex;align-items:center;text-decoration:none}.logo-icon{width:40px;height:40px;margin-right:10px}.logo-text{font-size:1.8em;color:var(--accent-color);font-weight:700}.theme-switcher{position:relative;margin-left:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dark-mode-btn{width:50px;height:50px;border-radius:50%;background-color:var(--switch-light);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-duration),transform .4s ease;box-shadow:0 0 10px var(--glow-color);color:var(--text-color)}.dark-mode-btn.light{background-color:var(--switch-light);color:var(--switch-dark);box-shadow:0 0 15px var(--glow-color)}.dark-mode-btn.light:hover{background-color:var(--dark-mode-hover-light)}.dark-mode-btn.dark{background-color:var(--switch-dark);color:var(--accent-color);transform:rotate(180deg);box-shadow:0 0 15px var(--glow-color)}.dark-mode-btn.dark:hover{background-color:var(--dark-mode-hover-dark)}.dark-mode-btn svg{transition:transform var(--transition-duration),color var(--transition-duration)}.desktop-nav{display:flex;gap:20px}.desktop-nav .nav-link{color:var(--text-color);text-decoration:none;font-size:1.05em;font-weight:500;padding:5px 10px;border-radius:6px;transition:all var(--transition-duration);display:flex;align-items:center;gap:.5rem;position:relative}.desktop-nav .nav-link:hover{background:var(--button-hover-background);transform:translateY(-1px)}.nav-separator{color:var(--text-color);margin:0 10px;font-weight:300}.sandbox-desktop-link{color:var(--text-color);font-weight:400;opacity:.8}.sandbox-desktop-link:hover{background:var(--button-hover-background);transform:translateY(-1px)}.menu-icon{display:none;cursor:pointer;margin-left:20px}.menu-icon svg{color:var(--text-color)}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900}.mobile-drawer{position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;z-index:1000;padding:80px 20px 20px;display:flex;flex-direction:column;gap:1rem;box-shadow:-5px 0 25px #00000080;background:var(--drawer-background);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav-link{font-size:1.2em;color:var(--text-color);text-decoration:none;padding:.6rem 0;border-radius:6px;display:flex;align-items:center;transition:background-color .2s ease,transform .2s ease}.mobile-nav-link:hover{background-color:#ffffff26;transform:translate(5px)}.sandbox-mobile-link{color:var(--text-color);opacity:.8;font-weight:400}.mobile-separator{width:100%;border:none;border-top:1px solid var(--border-color);margin:1rem 0;opacity:.5}@media (max-width: 768px){.desktop-nav{display:none}.menu-icon{display:block;z-index:1100}.header{padding:12px 20px}.logo-icon{width:32px;height:32px}.logo-text{font-size:1.5em}}:root{--footer-background: #0b0b0d;--footer-text-color: #ffffff;--footer-accent-color: #9b5de5;--footer-link-hover: #9b5de5;--footer-bottom-text-color: rgba(255, 255, 255, .7);--transition-duration: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--backdrop-blur: blur(10px)}body.light-mode{--footer-background: #f5f5f5;--footer-text-color: #333333;--footer-accent-color: #007acc;--footer-link-hover: #005a99;--footer-bottom-text-color: rgba(0, 0, 0, .6)}.footer{background:var(--footer-background);color:var(--footer-text-color);padding:60px 50px;position:relative;z-index:100;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-logo{display:flex;align-items:center;margin-bottom:30px}.footer-logo a{display:flex;align-items:center;text-decoration:none}.footer-logo-icon{width:40px;height:40px;margin-right:10px}.footer-logo-text{font-size:1.8em;color:var(--footer-accent-color);font-weight:700}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.footer-link{margin:0 15px;color:var(--footer-text-color);text-decoration:none;font-size:1em;position:relative;transition:color var(--transition-duration) var(--transition-easing)}.footer-link:after{content:"";position:absolute;width:0%;height:2px;background-color:var(--footer-link-hover);left:0;bottom:-5px;transition:width var(--transition-duration) var(--transition-easing)}.footer-link:hover{color:var(--footer-link-hover)}.footer-link:hover:after{width:100%}.footer-socials{display:flex;justify-content:center;margin-bottom:30px}.footer-socials a{margin:0 10px;color:var(--footer-text-color);transition:color var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.footer-socials a:hover{color:var(--footer-link-hover);transform:translateY(-5px)}.footer-bottom{text-align:center;font-size:.9em;color:var(--footer-bottom-text-color)}@media (max-width: 768px){.footer{padding:40px 30px}.footer-logo-text{font-size:1.5em}.footer-link{margin:5px 10px}}@media (max-width: 480px){.footer{padding:30px 20px}.footer-logo-icon{width:35px;height:35px}.footer-logo-text{font-size:1.2em}.footer-link{font-size:.9em}}.sorcerers-sandbox{max-width:1200px;margin:0 auto;padding:2rem}.sandbox-intro{text-align:center;margin-bottom:3rem}.sandbox-intro h1{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem}.sandbox-description{font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto 1rem;color:var(--text-color)}.sandbox-subtitle{font-size:1.1rem;color:var(--text-color);opacity:.8;max-width:700px;margin:0 auto}.tabs-container{background:var(--background-color);border-radius:12px;padding:2rem;box-shadow:0 4px 15px var(--shadow-color)}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:1rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:none;border:none;color:var(--text-color);font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-radius:8px}.tab svg{font-size:1.2rem}.tab:hover{background:var(--button-hover-background)}.tab.active{background:var(--accent-color);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem 0}.project-card{background:var(--button-background);border-radius:10px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px var(--shadow-color)}.project-card h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.3rem}.project-card p{color:var(--text-color);margin-bottom:1rem;line-height:1.5}.project-status{margin-bottom:1rem;font-size:.9rem}.status-in-progress{color:#2ecc71}.status-early-development{color:#3498db}.status-research-phase{color:#f1c40f}.status-planning{color:#e67e22}.status-concept{color:#9b59b6}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--button-hover-background);color:var(--text-color);padding:.3rem .8rem;border-radius:15px;font-size:.85rem}.project-card[data-status=active-development]{position:relative}.project-card[data-status=active-development]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;padding:2px;background:linear-gradient(45deg,var(--accent-color),#ff6b6b,var(--accent-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:border-animation 3s linear infinite}@keyframes border-animation{0%{background-position:0% 50%}to{background-position:130% 50%}}.github-link.disabled{opacity:.7;cursor:not-allowed;background:var(--button-background);position:relative;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.github-link.disabled:hover{transform:none;background:var(--button-background);box-shadow:0 0 15px rgba(var(--accent-rgb),.2)}.github-link.disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.2),transparent);animation:shine 2s infinite}.github-link.disabled:after{content:"Coming Soon";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-color);transform:translateY(100%);transition:transform .3s ease;font-size:.9rem;font-weight:500;color:var(--background-color)}.github-link.disabled:hover:after{transform:translateY(0)}.github-link.disabled span{opacity:.8}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.github-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background:var(--button-background);color:var(--text-color);text-decoration:none;border-radius:6px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);font-weight:500}.github-link:hover{background:var(--button-hover-background);transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.sorcerers-sandbox{padding:1rem}.sandbox-intro{margin-bottom:2rem}.sandbox-intro h1{font-size:1.8rem;margin-bottom:1rem}.sandbox-description{font-size:1rem;padding:0 1rem}.sandbox-subtitle{font-size:.95rem;padding:0 1rem}.tabs-container{padding:1rem;margin:0 -1rem;border-radius:0}.tabs{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.6rem 1rem;font-size:.9rem;white-space:nowrap;flex-shrink:0}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:.5rem}.project-card{margin:0}.project-card h3{font-size:1.2rem}.project-card p{font-size:.95rem}.tech-stack{flex-wrap:wrap;gap:.4rem}.tech-tag{font-size:.8rem;padding:.2rem .6rem}}@media (min-width: 375px) and (max-width: 768px){.sorcerers-sandbox{padding:1.5rem}.sandbox-intro h1{font-size:2rem}.tab{padding:.7rem 1.2rem;font-size:1rem}}:root{--background-color: #0b0b0d;--text-color: #ffffff;--accent-color: #9b5de5;--transition-duration: .3s;--transition-easing: ease}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;font-family:Montserrat,sans-serif}.detailed-project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080}.view-details-button{background-color:var(--detailed-accent-color);color:#fff;padding:12px 20px;margin:20px;border:none;border-radius:5px;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-easing)}.view-details-button:hover{background-color:#7a48b7}body,.project-detail-container,.portfolio-content,.ai-projects-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:root{--scrollbar-thumb-dark: rgba(155, 93, 229, .6);--scrollbar-track-dark: transparent;--scrollbar-thumb-light: rgba(0, 122, 204, .6);--scrollbar-track-light: transparent}body.dark-mode{--scrollbar-thumb: var(--scrollbar-thumb-dark);--scrollbar-track: var(--scrollbar-track-dark)}body.light-mode{--scrollbar-thumb: var(--scrollbar-thumb-light);--scrollbar-track: var(--scrollbar-track-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb);opacity:.8}